css背景属性有哪些
background-color 背景颜色
background-repeat 重复背景图像
background-position 背景图像位置
background-size 背景图像大小
background-origin 背景图像的定位区域
background-image 渐变
用英语怎么说chick,hen,duck,pig,dog,cat,的叫声
chick小鸡 chirp(像小鸟的唧唧声)，也可以是chuck
hen母鸡 chuck，下蛋后声音：cackle
duck鸭子 quack
pig猪 grunt(呼噜)，
dog 狗 bark,yap,yelp,bay,howl,growl,snarl,whine
cat猫 mew,miaow,miau,meow,meou
JAVASCRIPT程序设计补考试卷答案
写起来 好浪费时间！~
先写了第一个！
不保证 100% 符合要求
第二个
《!DOCTYPE html》
《html》
《head》
《title》《/title》
《style》
*{
margin:0px;
padding:0px;
list-style: none;
}
.nav{
width: 1000px;
margin:0px auto;
position: relative;
}
.nav ul li{
background: #9b203f;
float: left;
color: #fff;
border-bottom:#fff dashed 1px;
width: 240px; height: 40px;
line-height: 40px;
text-align: center;
cursor:pointer;
font-weight: bold;
position: relative;
}
.nav ul li:hover{background:#c30430; }
.nav ul li:last-child{border-bottom: 0px;}
.nav ul li .dis{
width: 240px;
display: none;
background: #c30430;
top: 40px;
left: 0px;
overflow: hidden;
font-weight: normal;
line-height: 40px;
text-align: center;
position: absolute;
}
.nav ul li .dis span{
display: block;
width: 100%;
height: 40px;
border-bottom: #fff dashed 1px;
margin:0px auto;
text-align: center;
color:#fff;
}
.nav ul li .dis span:last-child{border-bottom: 0px;}
.nav ul li .dis span:hover{ background: #e00034; }
《/style》
《script type=“text/javascript“》
window.onload=function(){
var onav=document.getElementById(’nav’);
var oli=onav.getElementsByTagName(’li’);
var odiv=onav.getElementsByTagName(’div’);
var num1=[’计算机文化基础’,’网页设计与制作’,’高等数学’,’大学英语’];
var num2=[’C#程序设计上’,’数据库设计上’,’JavaScript程序设计’];
var num3=[’C#程序设计下’,’数据库设计下’,’XML基础’];
for(var i=0; i《num1.length;i++){
var opan=document.createElement(’span’);
odiv.appendChild(opan).innerHTML=num1[i];
}
for(var i=0; i《num2.length;i++){
var opan=document.createElement(’span’);
odiv.appendChild(opan).innerHTML=num1[i];
}
for(var i=0; i《num3.length;i++){
var opan=document.createElement(’span’);
odiv.appendChild(opan).innerHTML=num1[i];
}
for( var i=0; i《oli.length; i++ ){
oli[i].index=i;
oli[i].zk=2;
oli[i].onclick=function(){
if (this.zk==2) {
for( var j=0; j《oli.length; j++ ){
oli[j].style.background=’’;
oli[j].zk=2;
}
this.style.background=’#c30430’;
for( var j=0; j《odiv.length; j++ ){
odiv[j].style.display=’none’;}
odiv[this.index].style.display=’block’;
this.zk=1;
return;
}
if (this.zk==1) {
odiv[this.index].style.display=’none’;
this.style.background=’#9b203f’;
this.zk=2;
}
}
}
}
《/script》
《/head》
《body》
《div id=“nav“ class=“nav“》
《ul》
《li》第一学期
《div class=“dis“》《/div》
《/li》
《li》第二学期
《div class=“dis“》《/div》
《/li》
《li》第三学期
《div class=“dis“》《/div》
《/li》
《/ul》
《/div》
《/body》
《/html》
第一个
《!DOCTYPE html》
《html》
《head》
《title》《/title》
《style》
*{
margin:0px;
padding:0px;
list-style: none;
}
.nav{
width: 1000px;
margin:0px auto;
position: relative;
}
.nav ul li{
background: #9b203f;
color: #fff;
border-bottom:#fff dashed 1px;
width: 240px; height: 40px;
line-height: 40px;
text-align: center;
cursor:pointer;
font-weight: bold;
position: relative;
}
.nav ul li:hover{background:#c30430; }
.nav ul li:last-child{border-bottom: 0px;}
.nav ul li .dis{
width: 300px;
display: none;
background: #c30430;
top: 0px;
left: 240px;
overflow: hidden;
font-weight: normal;
line-height: 40px;
text-align: center;
position: absolute;
}
.nav ul li .dis span{
display: block;
width: 100%;
height: 40px;
border-bottom: #fff dashed 1px;
margin:0px auto;
text-align: center;
color:#fff;
}
.nav ul li .dis span:last-child{border-bottom: 0px;}
.nav ul li .dis span:hover{ background: #e00034; }
《/style》
《script type=“text/javascript“》
window.onload=function(){
var onav=document.getElementById(’nav’);
var oli=onav.getElementsByTagName(’li’);
var odiv=onav.getElementsByTagName(’div’);
for( var i=0; i《oli.length; i++ ){
oli[i].index=i;
oli[i].zk=2;
oli[i].onclick=function(){
if (this.zk==2) {
for( var j=0; j《oli.length; j++ ){
oli[j].style.background=’’;
oli[j].zk=2;
}
this.style.background=’#c30430’;
for( var j=0; j《odiv.length; j++ ){
odiv[j].style.display=’none’;}
odiv[this.index].style.display=’block’;
this.zk=1;
return;
}
if (this.zk==1) {
odiv[this.index].style.display=’none’;
this.style.background=’#9b203f’;
this.zk=2;
}
}
}
}
《/script》
《/head》
《body》
《div id=“nav“ class=“nav“》
《ul》
《li》手机
《div class=“dis“》
《span》华为《/span》
《span》三星《/span》
《span》小米《/span》
《span》苹果《/span》
《/div》
《/li》
《li》平板
《div class=“dis“》
《span》国产《/span》
《span》进口《/span》
《/div》
《/li》
《li》配件
《div class=“dis“》
《span》U盘《/span》
《span》储存卡《/span》
《span》音响《/span》
《span》充电器《/span》
《/div》
《/li》
《li》应用市场
《div class=“dis“》
《span》手机游戏《/span》
《span》手机应用《/span》
《/div》
《/li》
《/ul》
《/div》
《/body》
《/html》
