JavaScript的几个基础代码实例.docx
《JavaScript的几个基础代码实例.docx》由会员分享,可在线阅读,更多相关《JavaScript的几个基础代码实例.docx(24页珍藏版)》请在冰豆网上搜索。
JavaScript的几个基础代码实例
DOCTYPEhtml>
for(vari=1;i<21;i++){
if(i<10){
document.write('');
}
else{
document.write('');
}
if(i%5==0)
document.write("
");
}
DOCTYPEhtml>
Document*{
margin:
0;
padding:
0;
}
ul{
list-style:
none;
}
#goods_show{
width:
430px;
margin:
0auto;
}
#small_pic{
margin-top:
20px;
}
#small_picli{
float:
left;
margin:
09px;
border:
1px;
}
#small_picimg{
border:
1pxsolid#fff;
}
window.onload=function(){
varimg=document.getElementById("small_pic").getElementsByTagName("img");
for(vari=0;iimg[i].onmouseover=change;
}
}
functionchange(){
varimg=document.getElementById("small_pic").getElementsByTagName("img")
for(vari=0;iimg[i].style.borderColor="#fff";
}
varbigpic=document.getElementById("big_pic").getElementsByTagName("img")[0];
this.style.borderColor="red";
bigpic.src=this.src.replace('small','big');
//window.alert("133");
}