网页制作特效特效代码.docx
- 文档编号:6844596
- 上传时间:2023-01-11
- 格式:DOCX
- 页数:40
- 大小:31.55KB
网页制作特效特效代码.docx
《网页制作特效特效代码.docx》由会员分享,可在线阅读,更多相关《网页制作特效特效代码.docx(40页珍藏版)》请在冰豆网上搜索。
网页制作特效特效代码
网页制作特效——特效代码
(1)仿网易滑动技术:
DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http:
//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
//www.w3.org/1999/xhtml">
--
#header{
background-color:
#F8F4EF;
height:
200px;
width:
400px;
margin:
0px;
padding:
0px;
border:
1pxsolid#ECE1D5;
font-family:
"宋体";
font-size:
12px;
}
#menu{
margin:
0px;
padding:
0px;
list-style-type:
none;
}
#menuli{
display:
block;
width:
100px;
text-align:
center;
float:
left;
margin:
0px;
padding-top:
0.2em;
padding-right:
0px;
padding-bottom:
0.2em;
padding-left:
0px;
cursor:
hand;
}
.sec1{background-color:
#FFFFCC;}
.sec2{background-color:
#00CCFF;}
.block{display:
block;}
.unblock{display:
none;}
-->
functionsecBoard(n)
{
for(i=0;i
menu.childNodes[i].className="sec1";
menu.childNodes[n].className="sec2";
for(i=0;i main.childNodes[i].style.display="none"; main.childNodes[n].style.display="block"; } (1)"class="sec1">最新文章 (2)"class="sec1">最新日志 --内容显示区域--> --内容显示区域-->