网页制作特效

本文格式为Word版，下载可任意编辑——网页制作特效网页制作特效——网页特效

（1）导航菜单:

仿网页特效观止首页栏目切换滑动门效果

文件较多，查看演示请直接点击下面的预览效果，下载该特效请点击上处链接下载

(2)出发导航菜单：

网页特效代码|JsCode.CN|经典实用的触发型导航菜单

.sec1{BORDER-RIGHT:gray1pxsolid;BORDER-TOP:

#ffffff1pxsolid;BORDER-LEFT:#ffffff1px

solid;CURSOR:hand;COLOR:#000000;BORDER-

BOTTOM:#ffffff1pxsolid;BACKGROUND-COLOR:

#eeeeee}

.sec2{BORDER-RIGHT:gray1pxsolid;BORDER-TOP:

#ffffff1pxsolid;FONT-WEIGHT:bold;BORDER-

LEFT:#ffffff1pxsolid;CURSOR:hand;COLOR:

#000000;BACKGROUND-COLOR:#d4d0c8}

.main_tab{BORDER-RIGHT:gray1pxsolid;BORDER-

LEFT:#ffffff1pxsolid;COLOR:#000000;BORDER-

BOTTOM:gray1pxsolid;BACKGROUND-COLOR:#d4d0c8}

指定行做为表体。

解释：TBODY要素是块要素，并且需要终止标

签。即使假使表格没有显式定义TBODY

要素，该要素也提供给所有表。

参考：《动态HTML参考和开发应用大全》（人民邮电出

版社

MicrosoftCorporation著北京华中兴业科技发展有限公司

译）

none\

align=middle>cellPadding=0width=490border=0>

检索表行或者整个

表中所有单元格的集合。应用于TR、TABLE。

参考：《动态HTML参考和开发应

用大全》（人民邮电出版社

MicrosoftCorporation著北京华中兴业科技发展有限公司译）

none\

align=middle>cellPadding=0width=490border=0>

检索表中所有TBODY

对象的集合。对象在该集合中依照HTML源顺序排列。

应用于TABLE。参考：

《动态HTML参考和开发应用大全》（人民邮电出版社MicrosoftCorporation著北京华中兴业科技发展有限公司译）

none\

align=middle>cellPadding=0width=490border=0>

设置或者检索对象

是否被提供。可能的值为block、none、

inline、list-item、table-header-group、table-

footer-group。该特性可读写，块要素默认

值为block，内联要素默认值为inline；层叠样式表

（CSS）属性不可继承。参考：《

动态HTML参考和开发应用大全》（人民邮电出版社MicrosoftCorporation著

北京华中兴业科技发展有限公司译）

href=\me=true\target=_blank>点击此处

可参阅微软MSDN在线上的解释。

;

（3）下拉菜单：

网页特效代码|JsCode.CN|十分棒的绿色下拉透明菜单

document.body.clientWidth+document.body.sc

rollLeft)

menuid.style.left=document.body.clientWidth+document.body.scrollLeft-mmenuitemwidth;mtmpleft=menuid.style.left;mtmptop=menuid.style.top;swipe(menuid,2,4);misShow=true;}

functionmshowsubmenu(menuid,pid,rid){menuid.style.filter='Alpha(Opacity=80)';

menuid.style.left=pid.offsetWidth+rid.offsetLeft;menuid.style.top=pid.offsetTop+rid.offsetTop-3;

if(mmenuitemwidth+parseInt(menuid.style.left)>document.body.clientWidth+document.body.scrollLeft)

menuid.style.left=document.body.clientWidth+document.body.scrollLeft-mmenuitemwidth;menuid.style.visibility='visible';}

functionmmenu_over(menuid,x){

toel=getReal(window.event.toElement,\

fromel=getReal(window.event.fromElement,\if(toel==fromel)return;if(x=thesub.style.tag)){msubmenuhide(thesub);mnochange(document.all['mp'+nummenu]);document.all[\}}

if(item)document.all[\if(misdown||item){mtoin(srcel);}else{mtoout(srcel);}

if(x==-1)mthestatus=eval(\if(j==-1)mthestatus=mmenus[x].items[i].statustxt;if(mthestatus!=\musestatus=true;window.status=mthestatus;}

clearTimeout(mpopTimer);}

functionmmenuitem_out(hassub){

toel=getReal(window.event.toElement,\

fromel=getReal(window.event.fromElement,\if(toel==fromel)return;

srcel=getReal(window.event.srcElement,\if(!hassub)mnochange(srcel);if(musestatus)window.status=\mpopOut()}

functionmmenuitem_down(){

srcel=getReal(window.event.srcElement,\mtoin(srcel)misdown=true;}

functionmmenuitem_up(){

srcel=getReal(window.event.srcElement,\mtoout(srcel)misdown=false;}

functionmexec3(j,i){varcmd;

if(eval(\

cmd=\}else{

cmd=eval(\}

eval(cmd);}

functionmexec2(x){varcmd;

if(mmenus[x].target==\

cmd=\}else{

cmd=mmenus[x].target+\}

eval(cmd);}

functionmexec(x,i){varcmd;

if(mmenus[x].items[i].target==\

cmd=\}else{

cmd=mmenus[x].items[i].target+\}

eval(cmd);}

functionmbody_click(){

if(misShow){srcel=getReal(window.event.srcElement,\for(varx=0;x\align=absmiddlesrc='\

}elseif(thismenu.pos==\stringx+=\align=centerbackground='\}else{

stringx+=\align=center>\\

}stringx+=\}stringx+=\for(varx=0;xstringx+=';border-top:1pxsolid'+mmenuoutbordercolor+';padding:4px\for(vari=0;i4\\n\

}elseif(!thismenuitem.isline){stringx+=\class=coolButtonstyle='border:\\width=100%height=15pxonmouseover=\\\\onmouseout=mmenuitem_out()onmousedown=mmenuitem_down()onmouseup=\stringx+=\

if(thismenuitem.pos==\stringx+=\align=absmiddlesrc='\}elseif(thismenuitem.pos==\

stringx+=\align=absmiddlesrc='\}elseif(thismenuitem.pos==\stringx+=\}else{

stringx+=\}}else{stringx+='}stringx+='\\n'}}

for(varj=1;j4\\n\

}elseif(!thismenuitem.isline){stringx+=\class=coolButtonstyle='border:\\width=100%height=15pxonmouseover=\\\\onmouseout=mmenuitem_out()onmousedown=mmenuitem_down()onmouseup=\stringx+=\if(thismenuitem.pos==\stringx+=\align=absmiddlesrc='\

}elseif(thismenuitem.pos==\

stringx+=\align=absmiddlesrc='\}elseif(thismenuitem.pos==\stringx+=\}else{

stringx+=\}}else{stringx+=''}

document.write(\}

mpmenu1=newmMenu('网站首页','/','self','','','','');

mpmenu1.addItem(newmMenuItem('用户注册','/register.asp','self',false,'用户注册',null,'','','',''));

mpmenu1.addItem(newmMenuItem('用户登录','/login.asp','self',false,'用户登录',null,'','','',''));mpmenu1.addItem(newmMenuItem('用户退出','/login.asp?action=logout','self',false,'用户退出',null,'','','',''));

mpmenu1.addItem(newmMenuItem('资料修改','/bbs/MYMODIFY.ASP','self',false,'',null,'','','',''));

mpmenu2=newmMenu('软件下载','/SoftDown/','self','','','','');

mpmenu2.addItem(newmMenuItem('系统程序','/softdown/index.asp?CateID=1','self',false,'系统程序',null,'','','',''));

mpmenu2.addItem(newmMenuItem('网络工具','/softdown/index.asp?CateID=2','self',false,'网络工具',null,'','','',''));

mpmenu2.addItem(newmMenuItem('媒体工具','/softdown/index.asp?CateID=3','self',false,'媒体工具',null,'','','',''));

mpmenu2.addItem(newmMenuItem('图文处理','/softdown/index.asp?CateID=4','self',false,'图文处理',null,'','','',''));

mpmenu2.addItem(newmMenuItem('桌面工具','/softdown/index.asp?CateID=5','self',false,'桌面工具',null,'','','',''));

mpmenu2.addItem(newmMenuItem('程序代码','/softdown/index.asp?CateID=6','self',false,'程序代码',null,'','','',''));

mpmenu2.addItem(newmMenuItem('游戏消遣','/softdown/index.asp?CateID=7','self',false,'游戏消遣',null,'','','',''));

mpmenu2.addItem(newmMenuItem('其他工具','/softdown/index.asp?CateID=8','self',false,'其他工具',null,'','','',''));

mpmenu2.addItem(newmMenuItem('特别栏目','/softdown/index.asp?CateID=9','self',false,'特别栏目',null,'','','',''));

mpmenu2.addItem(newmMenuItem(null,null,null,true));

mpmenu2.addItem(newmMenuItem('下载排行','/SoftDown/Index.asp?order=AllHitsmpmenu3=newmMenu('软件学院','/SoftSchool/','self','','','','');

mpmenu3.addItem(newmMenuItem('软件瞭望','/SoftSchool/Index.Asp?CateID=1','self',false,'软件瞭望',null,'','','',''));

mpmenu3.addItem(newmMenuItem('精文荟萃','/SoftSchool/Index.Asp?CateID=2','self',false,'精文荟萃',null,'','','',''));

mpmenu3.addItem(newmMenuItem('操作系统','/SoftSchool/Index.Asp?CateID=3','self',false,'操作系统',null,'','','',''));

mpmenu3.addItem(newmMenuItem('网络软件','/SoftSchool/Index.Asp?CateID=4','self',false,'网络软件',null,'','','',''));

mpmenu3.addItem(newmMenuItem('工具软件','/SoftSchool/Index.Asp?CateID=5','self',false,'工具软件',null,'','','',''));

mpmenu3.addItem(newmMenuItem('办公软件','/SoftSchool/Index.Asp?CateID=6','self',false,'办公软件',null,'','','',''));

mpmenu3.addItem(newmMenuItem('认证考试','/SoftSchool/Index.Asp?CateID=7','self',false,'认证考试',null,'','','',''));

mpmenu3.addItem(newmMenuItem(null,null,null,true));mpmenu3.addItem(newmMenuItem('阅读排行','/SoftSchool/Index.asp?order=hitsmpmenu4=newmMenu('Web开发','/Develop/','self','','','','');

mpmenu4.addItem(newmMenuItem('网页设计','/Develop/Index.A