网页制作特效――特效代码

网页制作特效——网页特效（1）导航菜单:htmlheadmetahttp-equiv=Content-Languagecontent=zh-cnmetahttp-equiv=Content-Typecontent=text/html;charset=gb2312metahttp-equiv=refreshcontent=0;URL=仿网页特效观止首页栏目切换滑动门效果/title/headbody文件较多，查看演示请直接点击下面的预览效果，下载该特效请点击上处链接下载/body/html(2)出发导航菜单：htmlheadmetahttp-equiv=Content-Typecontent=text/html;charset=gb2312title网页特效代码|JsCode.CN|---经典实用的触发型导航菜单/title/headbodySTYLEtype=text/css.sec1{BORDER-RIGHT:gray1pxsolid;BORDER-TOP:#ffffff1pxsolid;BORDER-LEFT:#ffffff1pxsolid;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}/STYLE!--JavaScript部分--SCRIPTlanguage=javascriptfunctionsecBoard(n){for(i=0;isecTable.cells.length;i++)secTable.cells[i].className=sec1;secTable.cells[n].className=sec2;for(i=0;imainTable.tBodies.length;i++)mainTable.tBodies[i].style.display=none;mainTable.tBodies[n].style.display=block;}/SCRIPT!--HTML部分--TABLEid=secTablecellSpacing=0cellPadding=0width=549border=0TBODYTRalign=middleheight=20TDclass=sec2onclick=secBoard(0)width=10%关于TBODY标记/TDTDclass=sec1onclick=secBoard(1)width=10%关于cells集合/TDTDclass=sec1onclick=secBoard(2)width=10%关于tBodies集合/TDTDclass=sec1onclick=secBoard(3)width=10%关于display属性/TD/TR/TBODY/TABLETABLEclass=main_tabid=mainTableheight=240cellSpacing=0cellPadding=0width=549border=0!--关于TBODY标记--TBODYstyle=DISPLAY:blockTRTDvAlign=topalign=middleBRBRTABLEcellSpacing=0cellPadding=0width=490border=0TBODYTRTD指定行做为表体。BR注释：TBODY要素是块要素，并且需要结束标签。BR即使如果表格没有显式定义TBODY要素，该要素也提供给所有表。BRBR参考：《动态HTML参考和开发应用大全》（人民邮电出版社MicrosoftCorporation著北京华中兴业科技发展有限公司译）BRBR/TD/TR/TBODY/TABLE/TD/TR/TBODY!--关于cells集合--TBODYstyle=DISPLAY:noneTRTDvAlign=topalign=middleBRBRTABLEcellSpacing=0cellPadding=0width=490border=0TBODYTRTD检索表行或者整个表中所有单元格的集合。BR应用于TR、TABLE。BRBR参考：《动态HTML参考和开发应用大全》（人民邮电出版社MicrosoftCorporation著北京华中兴业科技发展有限公司译）BRBR/TD/TR/TBODY/TABLE/TD/TR/TBODY!--关于tBodies集合--TBODYstyle=DISPLAY:noneTRTDvAlign=topalign=middleBRBRTABLEcellSpacing=0cellPadding=0width=490border=0TBODYTRTD检索表中所有TBODY对象的集合。对象在该集合中按照HTML源顺序排列。BR应用于TABLE。BRBR参考：《动态HTML参考和开发应用大全》（人民邮电出版社MicrosoftCorporation著北京华中兴业科技发展有限公司译）BRBR/TD/TR/TBODY/TABLE/TD/TR/TBODY!--关于display属性--TBODYstyle=DISPLAY:noneTRTDvAlign=topalign=middleBRBRTABLEcellSpacing=0cellPadding=0width=490border=0TBODYTRTD设置或者检索对象是否被提供。BR可能的值为block、none、inline、list-item、table-header-group、table-footer-group。BR该特性可读写，块要素默认值为block，内联要素默认值为inline；层叠样式表（CSS）属性不可继承。BRBR参考：《动态HTML参考和开发应用大全》（人民邮电出版社MicrosoftCorporation著北京华中兴业科技发展有限公司译）BRBRAhref==truetarget=_blank点击此处/A可参阅微软Ahref==_blankMSDN在线/A上的解释。/TD/TR/TBODY/TABLE;/TD/TR/TBODY/TABLE>/body/html（3）下拉菜单：htmlheadmetahttp-equiv=Content-Typecontent=text/html;charset=gb2312title网页特效代码|JsCode.CN|---非常棒的绿色下拉透明菜单/title/headbodyscriptlanguage=JavaScriptvarmmenus=newArray();varmisShow=newBoolean();misShow=false;varmisdown=newBoolean();misdown=false;varmnumberofsub=0;varmusestatus=false;varmpopTimer=0;mmenucolor='#89CB10';mfontcolor='MenuText';mmenuoutcolor='#ADEF34';mmenuincolor='#B5E74E';mmenuoutbordercolor='#ECFA3A';mmenuinbordercolor='#5A2614';mmidoutcolor='#A9DA1D';mmidincolor='#799310';mmenuovercolor='#004080';mitemedge='0';msubedge='1';mmenuunitwidth=66;mmenuitemwidth=140;mmenuheight=25;mmenuwidth='100%';mmenuadjust=0;mmenuadjustV=0;mfonts='font-family:宋体;font-size:9pt;color:MenuText;';mcursor='hand';varswipeSteps=4;varswipemsec=25;varswipeArray=newArray();functionswipe(el,dir,steps,msec){if(steps==null)steps=swipeSteps;if(msec==null)msec=swipemsec;if(el.swipeIndex==null)el.swipeIndex=swipeArray.length;if(el.swipeTimer!=null)window.clearTimeout(el.swipeTimer);swipeArray[el.swipeIndex]=el;el.style.clip=rect(-99999,99999,99999,-99999);if(el.swipeCounter==null||el.swipeCounter==0){el.orgLeft=el.offsetLeft;el.orgTop=el.offsetTop;el.orgWidth=el.offsetWidth;el.orgHeight=el.offsetHeight;}el.swipeCounter=steps;el.style.clip=rect(0,0,0,0);window.setTimeout(repeat(+dir+,+el.swipeIndex+,+steps+,+msec+),msec);}functionrepeat(dir,index,steps,msec){el=swipeArray[index];varleft=el.orgLeft;vartop=el.orgTop;varwidth=el.orgWidth;varheight=el.orgHeight;if(el.swipeCounter==0){el.style.clip=rect(-99999,99999,99999,-99999);return;}else{el.swipeCounter--;el.style.visibility=visible;switch(dir){case2:el.style.clip=rect(+height*el.swipeCounter/steps+,+width+,+height+,+0+);el.style.top=top-height*e