一些常用的JS特效，网页中经常用到的JS特效打包下载

<style type="text/css"> <!-- .p9{ font-family: "宋体"; font-size: 9pt; } body { font-family: "宋体"; font-size: 9pt; margin-top: 0px; margin-left: 0px; margin-right: 0px} UNKNOWN { TEXT-DECORATION: none } A:visited { TEXT-DECORATION: none } A:hover { COLOR: #ff0000; TEXT-DECORATION: none } A:link { TEXT-DECORATION: none } BODY { FONT-SIZE: 9pt; COLOR: #000000; FONT-FAMILY: "宋体"; TEXT-DECORATION: none } TR { FONT-SIZE: 9pt; FONT-FAMILY: "宋体" } TD { FONT-WEIGHT: normal; FONT-SIZE: 9pt; FONT-FAMILY: "宋体" } FORM { FONT-SIZE: 9pt; FONT-FAMILY: "宋体" } .black { FONT-SIZE: 9pt; COLOR: #000000 } .white { FONT-SIZE: 9pt; COLOR: #ffffff } .red { FONT-SIZE: 9pt; COLOR: #ff0000 } .green { FONT-SIZE: 9pt; COLOR: #009900 } .blue { FONT-SIZE: 9pt; COLOR: #0000ff } .bg1 { FONT-SIZE: 9pt; COLOR: #ffffff } .gray { FONT-SIZE: 9pt; COLOR: #666666 } .row { LINE-HEIGHT: 15pt } .bottom { BORDER-RIGHT: #665b8e 1px solid; BORDER-TOP: #ffffff 1px solid; FONT-SIZE: 9pt; BORDER-LEFT: #ffffff 1px solid; COLOR: #000000; BORDER-BOTTOM: #665b8e 1px solid; FONT-FAMILY: "宋体"; HEIGHT: 18px; BACKGROUND-COLOR: #cccccc } .editbox1 { FONT-SIZE: 9pt; COLOR: #000000; FONT-FAMILY: 宋体; HEIGHT: 18px; BACKGROUND-COLOR: #dbdbdb } .editbox2 { PADDING-RIGHT: 1px; PADDING-LEFT: 1px; FONT-SIZE: 9pt; PADDING-BOTTOM: 1px; CURSOR: text; COLOR: #000000; PADDING-TOP: 1px; FONT-FAMILY: 宋体; BACKGROUND-COLOR: #dbdbdb } .size { FONT-SIZE: 9px; FONT-FAMILY: "Verdana", "Arial", "Helvetica", "sans-serif" } A.yellow:active { COLOR: #ffffff; TEXT-DECORATION: none } A.yellow:visited { COLOR: #ffffff; TEXT-DECORATION: none } A.yellow:link { COLOR: #ffffff; TEXT-DECORATION: none } A.yellow:hover { COLOR: #ffff33; TEXT-DECORATION: none } --> </style> <SCRIPT language=JavaScript> <!-- function MM_reloadPage(init) { //reloads the window if Nav4 resized if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) { document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }} else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload(); } MM_reloadPage(true); function navbarOver(src,clrOver,clrOverBorder) { if (!src.contains(event.fromElement)){ src.style.cursor = 'hand'; src.bgColor = clrOver; src.borderColor = clrOverBorder; src.children.tags('a')[0].style.color='#FFFF33'; }} function navbarOut(src,clrIn,clrInBorder) { if (!src.contains(event.toElement)) { src.style.cursor = 'default'; src.bgColor = clrIn; src.borderColor = clrInBorder; src.children.tags('a')[0].style.color='#FFFFFF';}} function MM_findObj(n, d) { //v4.0 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); if(!x && document.getElementById) x=document.getElementById(n); return x; } function MM_showHideLayers() { //v3.0 var i,p,v,obj,args=MM_showHideLayers.arguments; for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2]; if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v='hide')?'hidden':v; } obj.visibility=v; } } //--> </SCRIPT> <TABLE borderColor=#3c79c6 cellSpacing=2 cellPadding=0 width="100%" border=1> <TBODY> <TR> <TD borderColor=#cccccc width=80 bgColor=#3064a3 height=20> <DIV id=Layer1 onmouseover="MM_showHideLayers('Layer1','','show')" style="Z-INDEX: 1; VISIBILITY: hidden; WIDTH: 103px; POSITION: absolute; HEIGHT: 80px" onmouseout="MM_showHideLayers('Layer1','','hide','Layer2','','hide','Layer7','','hide','Layer13','','hide','Layer15','','hide')"> <TABLE class=bg1 cellSpacing=0 cellPadding=0 width=100 border=0> <TBODY> <TR> <TD height=20> </TD></TR> <TR> <TD vAlign=top> <TABLE borderColor=#000000 cellSpacing=2 cellPadding=1 width=100 bgColor=#3c79c6 border=1><TBODY> <TR> <TD class=bg1 onmouseover="navbarOver(this,'#6395D1','#000000');" onmouseout="navbarOut(this,'#3C79C6','#3C79C6');" vAlign=bottom borderColor=#3c79c6 bgColor=#3c79c6 height=20><A class=white href="http://www.1studio.net/html/example/0055/xtdl_01.htm">[01] 系统登录</A></TD></TR> <TR> <TD class=bg1 onmouseover="navbarOver(this,'#6395D1','#000000');" onmouseout="navbarOut(this,'#3C79C6','#3C79C6');" borderColor=#3c79c6 bgColor=#3c79c6 height=20><A class=white href="http://www.1studio.net/html/example/0055/xtdl_02.htm">[02] 主窗口</A></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV><A class=white onmouseover="MM_showHideLayers('Layer1','','show')" onmouseout="MM_showHideLayers('Layer1','','hide','Layer2','','hide','Layer7','','hide','Layer13','','hide','Layer15','','hide')">　系统登录</A></TD> <TD borderColor=#cccccc width=80 bgColor=#3064a3> <DIV id=Layer2 onmouseover="MM_showHideLayers('Layer1','','hide','Layer2','','show','Layer7','','hide','Layer13','','hide','Layer15','','hide')" style="Z-INDEX: 1; VISIBILITY: hidden; WIDTH: 141px; POSITION: absolute; HEIGHT: 80px" onmouseout="MM_showHideLayers('Layer1','','hide','Layer2','','hide','Layer7','','hide','Layer13','','hide','Layer15','','hide')"> <TABLE class=bg1 cellSpacing=0 cellPadding=0 width=100 border=0> <TBODY> <TR> <TD height=20> </TD></TR> <TR> <TD> <TABLE borderColor=#000000 cellSpacing=2 cellPadding=1 width=122 bgColor=#3c79c6 border=1><TBODY> <TR> <TD class=bg1 onmouseover="navbarOver(this,'#6395D1','#000000');" onmouseout="navbarOut(this,'#3C79C6','#3C79C6');" vAlign=bottom borderColor=#3c79c6 bgColor=#3c79c6 height=20><A onmouseover="MM_showHideLayers('Layer3','','show')" onmouseout="MM_showHideLayers('Layer3','','hide')">[01] 系统定义　　<IMG height=7 src="5.files/arrow02.gif" width=4 border=0></A> <DIV id=Layer3 onmouseover="MM_showHideLayers('Layer2','','show','Layer3','','show')" style="Z-INDEX: 2; VISIBILITY: hidden; WIDTH: 149px; POSITION: ab