网页制作特效——网页特效（1）导航菜单:<html><head><meta http-equiv="Content-Language" content="zh-cn"><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><meta http-equiv="refresh" content="0;URL="><title>仿网页特效观止首页栏目切换滑动门效果</title></head><body>文件较多，查看演示请直接点击下面的预览效果，下载该特效请点击上处链接下载</body></html>(2)出发导航菜单：<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>网页特效代码||---经典实用的触发型导航菜单</title></head><body><STYLE type=text/css>.sec1 {BORDER-RIGHT: gray 1px solid; BORDER-TOP:#ffffff 1px solid; BORDER-LEFT: #ffffff 1pxsolid; CURSOR: hand; COLOR: #000000; BORDER- BOTTOM: #ffffff 1px solid; BACKGROUND-COLOR:#eeeeee}.sec2 {BORDER-RIGHT: gray 1px solid; BORDER-TOP:#ffffff 1px solid; FONT-WEIGHT: bold; BORDER- LEFT: #ffffff 1px solid; CURSOR: hand; COLOR:#000000; BACKGROUND-COLOR: #d4d0c8}.main_tab {BORDER-RIGHT: gray 1px solid; BORDER-LEFT: #ffffff 1px solid; COLOR: #000000; BORDER-BOTTOM: gray 1px solid; BACKGROUND-COLOR: #d4d0c8 }</STYLE><!--JavaScript部分--><SCRIPT language=javascript>function secBoard(n){for(i=0;i<[i].className="sec1";[n].className="sec2";for(i=0;i<[i].="none";[n].="block";}</SCRIPT><!--HTML部分--><TABLE id=secTable cellSpacing=0 cellPadding=0 width=549 border=0><TBODY><TR align=middle height=20><TD class=sec2 onclick=secBoard(0) width="10%">关于TBODY标记</TD><TD class=sec1 onclick=secBoard(1) width="10%">关于cells集合</TD><TD class=sec1 onclick=secBoard(2) width="10%">关于tBodies集合</TD><TD class=sec1 onclick=secBoard(3) width="10%">关于display属性</TD></TR></TBODY></TABLE><TABLE class=main_tab id=mainTable height=240 cellSpacing=0 cellPadding=0 width=549 border=0><!--关于TBODY标记--><TBODY style="DISPLAY: block"><TR><TD vAlign=top align=middle><BR><BR><TABLE cellSpacing=0 cellPadding=0 width=490 border=0><TBODY><TR><TD>指定行做为表体。
<BR>注释：TBODY要素是块要素，并且需要结束标签。
<BR>即使如果表格没有显式定义TBODY要素，该要素也提供给所有表。
<BR><BR>参考：《动态HTML参考和开发应用大全》（人民邮电出版社Microsoft Corporation著北京华中兴业科技发展有限公司译）<BR><BR></TD></TR></TBODY></TABLE></TD></TR></TBODY><!--关于cells集合--><TBODY style="DISPLAY:none"><TR><TD vAlign=topalign=middle><BR><BR><TABLE cellSpacing=0cellPadding=0 width=490 border=0><TBODY><TR><TD>检索表行或者整个表中所有单元格的集合。
<BR>应用于TR、TABLE。
<BR><BR>参考：《动态HTML参考和开发应用大全》（人民邮电出版社Microsoft Corporation著北京华中兴业科技发展有限公司译）<BR><BR></TD></TR></TBODY></TABLE></TD></TR></TBODY><!--关于tBodies集合--><TBODY style="DISPLAY:none"><TR><TD vAlign=topalign=middle><BR><BR><TABLE cellSpacing=0cellPadding=0 width=490 border=0><TBODY><TR><TD>检索表中所有TBODY对象的集合。
对象在该集合中按照HTML源顺序排列。
<BR>应用于TABLE。
<BR><BR>参考：《动态HTML参考和开发应用大全》（人民邮电出版社Microsoft Corporation著北京华中兴业科技发展有限公司译）<BR><BR></TD></TR></TBODY></TABLE></TD></TR></TBODY><!--关于display属性--><TBODY style="DISPLAY:none"><TR><TD vAlign=topalign=middle><BR><BR><TABLE cellSpacing=0cellPadding=0 width=490 border=0><TBODY><TR><TD>设置或者检索对象是否被提供。
<BR>可能的值为block、none、inline、list-item、table-header-group、table-footer-group。
<BR>该特性可读写，块要素默认值为block，内联要素默认值为inline；层叠样式表（CSS）属性不可继承。
<BR><BR>参考：《动态HTML参考和开发应用大全》（人民邮电出版社Microsoft Corporation著北京华中兴业科技发展有限公司译）<BR><BR><Ahref="" target=_blank>点击此处</A>可参阅微软<A href="" target=_blank>MSDN在线</A>上的解释。
</TD></TR></TBODY></TABLE>;</TD></TR></TBODY></TABLE></body></html>（3）下拉菜单：<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>网页特效代码||---非常棒的绿色下拉透明菜单</title></head><body><script language="JavaScript">var mmenus = new Array();var misShow = new Boolean();misShow=false;var misdown = new Boolean();misdown=false;var mnumberofsub=0;var musestatus=false;var mpopTimer = 0;mmenucolor='#89CB10';mfontcolor='MenuText';mmenuoutcolor='#ADEF34';mmenuincolor='#B5 E74E';mmenuoutbordercolor='#ECFA3A';mmenuinbordercolor='#5A2614';mmidoutcolor='#A9DA 1D';mmidincolor='#799310';mmenuovercolor='#004080';mitemedge='0';msubedge='1';mmenuu nitwidth=66;mmenuitemwidth=140;mmenuheight=25;mmenuwidth='100%';mmenuadjust=0;m menuadjustV=0;mfonts='font-family: 宋体; font-size: 9pt; color: MenuText; ';mcursor='hand'; var swipeSteps = 4;var swipemsec = 25;var swipeArray = new Array();function swipe(el, dir, steps, msec) {if (steps == null) steps = swipeSteps;if (msec == null) msec = swipemsec;if == null)= ;if != null);swipeArray[] = el;= "rect(-99999, 99999, 99999, -99999)";if == null || == 0) {= ;= ;= ;= ;}= steps;= "rect(0,0,0,0)";("repeat(" + dir + "," + + "," + steps + "," + msec + ")", msec); }function repeat(dir, index, steps, msec) {el = swipeArray[index];var left = ;var top = ;var width = ;var height = ;if == 0) {= "rect(-99999, 99999, 99999, -99999)";return;}else {;= "visible";switch (dir) {case 2:= "rect(" + height*steps + "," + width + "," + height + "," + 0 + ")";= top - height*steps;break;case 8:= "rect(" + 0 + "," + width + "," + height*/steps + "," + 0 + ")";= top + height*steps;break;case 6:= "rect(" + 0 + "," + width + "," + height + "," + width*/steps + ")";= left - width*steps;break;case 4:= "rect(" + 0 + "," + width*(swipeSteps - /steps + "," + height + "," + 0 + ")";= left + width*steps;break;}= ("repeat(" + dir + "," + index + "," + steps + "," + msec + ")", msec);}}var mtmpleft="";var mtmptop="";function hideSwipe(el) {;= "hidden";= "rect(-99999, 99999, 99999, -99999)";= 0;if(mtmpleft!="") = mtmpleft;if(mtmptop!="") = mtmptop;}function stoperror(){return true;}=stoperror;function mpopOut() {mpopTimer = setTimeout('mallhide()', 500); }function getReal(el, type, value) {temp = el;while ((temp != null) && != "BODY")) { if (eval("temp." + type) == value) {el = temp;return el;}temp = ;}return el;}function mMenuRegister(menu){mmenus[] = menureturn - 1)}function mMenuItem(caption,command,target,isline,statustxt,level,img,sizex,sizey,pos){ = new Array();=caption;=command;=target;=isline;=statustxt;if(level!=null){mnumberofsub++;=mnumberofsub;}=level;=img;=sizex;=sizey;=pos;}function mMenu(caption,command,target,img,sizex,sizey,pos){= new Array();=caption;=command;=target;=img;=sizex;=sizey;=pos;=mMenuRegister(this);}function mMenuAddItem(item){[ = item= ;=true;}= mMenuAddItem;= mMenuAddItem;function mtoout(src){mtoin(src){mnochange(src){'';mallhide(){for(var nummenu=0;nummenu<;nummenu++){var themenu=['mMenu'+nummenu]var themenudiv=['mmenudiv'+nummenu]mnochange(themenu);mmenuhide(themenudiv);}for(nummenu=1;nummenu<=mnumberofsub;nummenu++){ var thesub=['msubmenudiv'+nummenu]msubmenuhide(thesub);mnochange['mp'+nummenu]);["mitem"+nummenu].=mfontcolor;}}function mmenuhide(menuid){'Alpha(Opacity=100)';hideSwipe(menuid);misShow=false;}function msubmenuhide(menuid){'Alpha(Opacity=100)';'hidden';}function mmenushow(menuid,pid){'Alpha(Opacity=80)';mshowsubmenu(menuid,pid,rid){'Alpha(Opacity=80)';'visible';}function mmenu_over(menuid,x){toel = getReal "className", "coolButton"); fromel = getReal "className", "coolButton"); if (toel == fromel) return;if(x<0){misShow = false;mallhide();mtoout(eval("mMenu"+x));}else{mallhide();mtoin(eval("mMenu"+x)); mmenushow(menuid,eval("mMenu"+x));}clearTimeout(mpopTimer);}function mmenu_out(x){toel = getReal "className", "coolButton"); fromel = getReal "className", "coolButton"); if (toel == fromel) return;if (misShow){mtoin(eval("mMenu"+x));}else{mnochange(eval("mMenu"+x));}mpopOut()}function mmenu_down(menuid,x){if(misShow){mmenuhide(menuid);mtoout(eval("mMenu"+x));}else{mtoin(eval("mMenu"+x));mmenushow(menuid,eval("mMenu"+x));misdown=true;}}function mmenu_up(){misdown=false;}function mmenuitem_over(menuid,item,x,j,i){toel = getReal "className", "coolButton");fromel = getReal "className", "coolButton");if (toel == fromel) return;srcel = getReal "className", "coolButton");for(nummenu=1;nummenu<=mnumberofsub;nummenu++){ var thesub=['msubmenudiv'+nummenu]if(!(menuid==thesub|| msubmenuhide(thesub);mnochange['mp'+nummenu]);["mitem"+nummenu].=mfontcolor;}}if(item)["mitem"+item].=mmenuovercolor;if(misdown||item){mtoin(srcel);}else{mtoout(srcel);}if(x==-1)mthestatus=eval("msub"+j).items[i].statustxt; if(j==-1)mthestatus=mmenus[x].items[i].statustxt;if(mthestatus!=""){musestatus=true;=mthestatus;}clearTimeout(mpopTimer);}function mmenuitem_out(hassub){toel = getReal "className", "coolButton");fromel = getReal "className", "coolButton");if (toel == fromel) return;srcel = getReal "className", "coolButton");if(!hassub)mnochange(srcel);if(musestatus)="";mpopOut()}function mmenuitem_down(){srcel = getReal "className", "coolButton");mtoin(srcel)misdown=true;}function mmenuitem_up(){srcel = getReal "className", "coolButton");mtoout(srcel)misdown=false;}function mexec3(j,i){var cmd;if(eval("msub"+j).items[i].target=="blank"){cmd = "('"+eval("msub"+j).items[i]mand+"')";}else{cmd = eval("msub"+j).items[i].target+".location=\""+eval("msub"+j).items[i]mand+"\""; }eval(cmd);}function mexec2(x){var cmd;if(mmenus[x].target=="blank"){cmd = "('"+mmenus[x]mand+"')";}else{cmd = mmenus[x].target+".location=\""+mmenus[x]mand+"\"";}eval(cmd);}function mexec(x,i){var cmd;if(mmenus[x].items[i].target=="blank"){cmd = "('"+mmenus[x].items[i]mand+"')";}else{cmd = mmenus[x].items[i].target+".location=\""+mmenus[x].items[i]mand+"\"";}eval(cmd);}function mbody_click(){if (misShow){srcel = getReal "className", "coolButton");for(var x=0;x<=;x++){if=="mMenu"+x)return;}for(x=1;x<=mnumberofsub;x++){if=="mp"+x)return;}mallhide();}}=mbody_click;function mwritetodocument(){var mwb=1;var stringx='<div id="mposflag"style="position:absolute;"></div><table id=mmenutable border=0 cellpadding=3 cellspacing=2 width='+mmenuwidth+' height='+mmenuheight+' bgcolor='+mmenucolor+' onselectstart="=false"'+' style="filter:Alpha(Opacity=80);cursor:'+mcursor+';'+mfonts+' border-left: '+mwb+'px solid '+mmenuoutbordercolor+';'+' border-right: '+mwb+'px solid '+mmenuinbordercolor+'; '+'border-top: '+mwb+'px solid '+mmenuoutbordercolor+'; '+'border-bottom: '+mwb+'px solid '+mmenuinbordercolor+'; padding:0px"><tr>'for(var x=0;x<;x++){var thismenu=mmenus[x];var imgsize="";if!="0"||!="0")imgsize=" width="++" height="+;var ifspace="";if!="")ifspace=" ";stringx += "<td nowrap class=coolButton id=mMenu"+x+" style='border: "+mitemedge+"px solid "+mmenucolor+"' width="+mmenuunitwidth+"px onmouseover=mmenu_over(mmenudiv"+x+","+x+") onmouseout=mmenu_out("+x+") onmousedown=mmenu_down(mmenudiv"+x+","+x+")";if!=""){stringx += " onmouseup=mmenu_up();mexec2("+x+");";}else{stringx += " onmouseup=mmenu_up()";}if=="0"){stringx += " align=center><img align=absmiddle src='"++"'"+imgsize+">"+ifspace++"</td>";}else if=="1"){stringx += " align=center>"++ifspace+"<img align=absmiddle src='"++"'"+imgsize+"></td>";}else if=="2"){stringx += " align=center background='"++"'> "++" </td>";}else{stringx += " align=center> "++" </td>";}stringx += "";}stringx+="<td width=*> </td></tr></table>";for(var x=0;x<;x++){thismenu=mmenus[x];if(x<0){stringx+='<div id=mmenudiv'+x+' style="visiable:none"></div>';}else{stringx+='<div id=mmenudiv'+x+'style="filter:Alpha(Opacity=80);cursor:'+mcursor+';position:absolute;'+'width:'+mmenuitemwidth+'px; z-index:'+(x+100);if(mmenuinbordercolor!=mmenuoutbordercolor&&msubedge=="0"){stringx+=';border-left: 1px solid '+mmidoutcolor+';border-top: 1px solid '+mmidoutcolor;}stringx+=';border-right: 1px solid '+mmenuinbordercolor+';border-bottom: 1px solid '+mmenuinbordercolor+';visibility:hidden" onselectstart="=false">\n'+'<table width="100%" border="0" height="100%" align="center" cellpadding="0" cellspacing="2" '+'style="'+mfonts+' border-left: 1px solid '+mmenuoutbordercolor;if(mmenuinbordercolor!=mmenuoutbordercolor&&msubedge=="0"){stringx+=';border-right: 1px solid '+mmidincolor+';border-bottom: 1px solid '+mmidincolor;}stringx+=';border-top: 1px solid '+mmenuoutbordercolor+';padding: 4px" bgcolor='+mmenucolor+'>\n'for(var i=0;i< var thismenuitem=[i];var imgsize="";if!="0"||!="0")imgsize=" width="++" height="+;var ifspace="";if!="")ifspace=" ";if!=null){stringx += "<tr><td id=mp"++" class=coolButton style='border: "+mitemedge+"px solid "+mmenucolor+"' width=100% onmouseout=mmenuitem_out(true) onmouseover=\"mmenuitem_over(mmenudiv"+x+",'"++"',"+x+",-1,"+i+");mshowsubmenu(msubmenudiv"++",mp"++",mmenudiv"+x+");\""+"><table id=mitem"++" cellspacing='0' cellpadding='0' border='0' width='100%' style='"+mfonts+"'><tr><td ";if=="0"){stringx += "><img align=absmiddle src='"++"'"+imgsize+">"+ifspace++"</td><td";}else if=="1"){stringx += ">"++ifspace+"<img align=absmiddle src='"++"'"+imgsize+"></td><td";}else if=="2"){stringx += "background='"++"'>"++"</td><td background='"++"'";}else{stringx += ">"++"</td><td";}stringx += " align=right width='1'><font face='Webdings' style='font-size: 6pt'>4</font></td></tr></table></td></tr>\n";}else if(!{stringx += "<tr><td class=coolButton style='border: "+mitemedge+"px solid "+mmenucolor+"' width=100% height=15px onmouseover=\"mmenuitem_over(mmenudiv"+x+",false,"+x+",-1,"+i+");\" onmouseout=mmenuitem_out() onmousedown=mmenuitem_down() onmouseup=";stringx += "mmenuitem_up();mexec("+x+","+i+"); ";if=="0"){stringx += "><img align=absmiddle src='"++"'"+imgsize+">"+ifspace++"</td></tr>";}else if=="1"){stringx += ">"++ifspace+"<img align=absmiddle src='"++"'"+imgsize+"></td></tr>";}else if=="2"){stringx += "background='"++"'>"++"</td></tr>";}else{stringx += ">"++"</td></tr>";}}else{stringx+='<tr><td height="1" background="/images/" onmousemove="clearTimeout(mpopTimer);"><img height="1" width="1" src="" border="0"></td></tr>\n';}}stringx+='</table>\n</div>'}}for(var j=1;j<=mnumberofsub;j++){thisitem=eval("msub"+j);stringx+='<div id=msubmenudiv'+j+'style="filter:Alpha(Opacity=80);tag:'++';cursor:'+mcursor+';position:absolute;'+'width:'+mmenuitemwidth+'px; z-index:'+(j+200);if(mmenuinbordercolor!=mmenuoutbordercolor&&msubedge=="0"){stringx+=';border-left: 1px solid '+mmidoutcolor+';border-top: 1px solid '+mmidoutcolor;}stringx+=';border-right: 1px solid '+mmenuinbordercolor+';border-bottom: 1px solid '+mmenuinbordercolor+';visibility:hidden" onselectstart="=false">\n'+'<table width="100%" border="0" height="100%" align="center" cellpadding="0" cellspacing="2" '+'style="'+mfonts+' border-left: 1px solid '+mmenuoutbordercolor;if(mmenuinbordercolor!=mmenuoutbordercolor&&msubedge=="0"){stringx+=';border-right: 1px solid '+mmidincolor+';border-bottom: 1px solid '+mmidincolor;}stringx+=';border-top: 1px solid '+mmenuoutbordercolor+';padding: 4px" bgcolor='+mmenucolor+'>\n'for(var i=0;i< var thismenuitem=[i];var imgsize="";if!="0"||!="0")imgsize=" width="++" height="+;var ifspace="";if!="")ifspace=" ";if!=null){stringx += "<tr><td id=mp"++" class=coolButton style='border: "+mitemedge+"px solid "+mmenucolor+"' width=100% onmouseout=mmenuitem_out(true) onmouseover=\"mmenuitem_over(msubmenudiv"+j+",'"++"',-1,"+j+","+i+");mshowsubmenu(msubmenudiv"++",mp"++",msubmenudiv"+j+");\""+"><table id=mitem"++" cellspacing='0' cellpadding='0' border='0' width='100%' style='"+mfonts+"'><tr><td ";if=="0"){stringx += "><img align=absmiddle src='"++"'"+imgsize+">"+ifspace++"</td><td";}else if=="1"){stringx += ">"++ifspace+"<img align=absmiddle src='"++"'"+imgsize+"></td><td";}else if=="2"){stringx += "background='"++"'>"++"</td><td background='"++"'";}else{stringx += ">"++"</td><td";}stringx += " align=right width='1'><font face='Webdings' style='font-size: 6pt'>4</font></td></tr></table></td></tr>\n";}else if(!{stringx += "<tr><td class=coolButton style='border: "+mitemedge+"px solid "+mmenucolor+"' width=100% height=15px onmouseover=\"mmenuitem_over(msubmenudiv"+j+",false,-1,"+j+","+i+");\" onmouseout=mmenuitem_out() onmousedown=mmenuitem_down() onmouseup=";stringx += "mmenuitem_up();mexec3("+j+","+i+"); ";if=="0"){stringx += "><img align=absmiddlesrc='"++"'"+imgsize+">"+ifspace++"</td></tr>";}else if=="1"){stringx += ">"++ifspace+"<img align=absmiddle src='"++"'"+imgsize+"></td></tr>";}else if=="2"){stringx += "background='"++"'>"++"</td></tr>";}else{stringx += ">"++"</td></tr>";}}else{stringx+='<tr><td height="1" background="/images/" onmousemove="clearTimeout(mpopTimer);"><img height="1" width="1" src="" border="0"></td></tr>\n';}}stringx+='</table>\n</div>'}("<div align='center' id='JsMenuCSS'>"+stringx+"</div>");}mpmenu1=new mMenu('网站首页','/','self','','','','');(new mMenuItem(' 用户注册','/','self',false,'用户注册',null,'','','',''));(new mMenuItem(' 用户登录','/','self',false,'用户登录',null,'','','',''));(new mMenuItem(' 用户退出','/action=logout','self',false,'用户退出',null,'','','',''));(new mMenuItem(' 资料修改','/bbs/','self',false,'',null,'','','',''));mpmenu2=new mMenu('软件下载','/SoftDown/','self','','','','');(new mMenuItem(' 系统程序','/softdown/CateID=1','self',false,'系统程序',null,'','','','')); (new mMenuItem(' 网络工具','/softdown/CateID=2','self',false,'网络工具',null,'','','','')); (new mMenuItem(' 媒体工具','/softdown/CateID=3','self',false,'媒体工具',null,'','','','')); (new mMenuItem(' 图文处理','/softdown/CateID=4','self',false,'图文处理',null,'','','','')); (new mMenuItem(' 桌面工具','/softdown/CateID=5','self',false,'桌面工具',null,'','','','')); (new mMenuItem(' 程序代码','/softdown/CateID=6','self',false,'程序代码',null,'','','','')); (new mMenuItem(' 游戏娱乐','/softdown/CateID=7','self',false,'游戏娱乐',null,'','','','')); (new mMenuItem(' 其他工具','/softdown/CateID=8','self',false,'其他工具',null,'','','','')); (new mMenuItem(' 特别栏目','/softdown/CateID=9','self',false,'特别栏目',null,'','','','')); (new mMenuItem(null,null,null,true));(new mMenuItem(' 下载排行','/SoftDown/order=AllHits&updown=desc','self',false,'软件下载排行榜',null,'','','',''));mpmenu3=new mMenu('软件学院','/SoftSchool/','self','','','','');(new mMenuItem(' 软件瞭望','/SoftSchool/CateID=1','self',false,'软件瞭望',null,'','','','')); (new mMenuItem(' 精文荟萃','/SoftSchool/CateID=2','self',false,'精文荟萃',null,'','','','')); (new mMenuItem(' 操作系统','/SoftSchool/CateID=3','self',false,'操作系统',null,'','','','')); (new mMenuItem(' 网络软件','/SoftSchool/CateID=4','self',false,'网络软件',null,'','','','')); (new mMenuItem(' 工具软件','/SoftSchool/CateID=5','self',false,'工具软件',null,'','','','')); (new mMenuItem(' 办公软件','/SoftSchool/CateID=6','self',false,'办公软件',null,'','','','')); (new mMenuItem(' 认证考试','/SoftSchool/CateID=7','self',false,'认证考试',null,'','','','')); (new mMenuItem(null,null,null,true));(new mMenuItem(' 阅读排行','/SoftSchool/order=hits&updown=desc','self',false,'文章阅读排行榜',null,'','','',''));mpmenu4=new mMenu('Web 开发','/Develop/','self','','','','');(new mMenuItem(' 网页设计','/Develop/CateID=1','self',false,'网页设计',null,'','','',''));(new mMenuItem(' .Net专栏','/Develop/CateID=10','self',false,'.Net专栏',null,'','','',''));(new mMenuItem(' ASP 学院','/Develop/CateID=2','self',false,'ASP 学院',null,'','','',''));。