网页制作特效特效代码.docx

网页制作特效特效代码.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">最新日志

论坛新帖

--内容显示区域-->

第一个内容

第二个内容

第三个内容

第四个内容

--内容显示区域-->