1. 爱易网页
2. JS特效
3. 用单选框来改变div图层的背景颜色

日期：2014-05-18　 浏览次数：20403 次

以下是HTML网页特效代码，点击运行按钮可查看效果：

以下是程序代码

<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 MM_findObj(n, d) { //v4.01 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 && d.getElementById) x=d.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> <center> <table width="200" border="0" cellspacing="0" cellpadding="0"> <form name="form1" method="post" action=""> <tr> <td> <input type="radio" name="radiobutton1" value="1" onClick="MM_showHideLayers('Layer1','','show')" onChange="MM_showHideLayers('Layer1','','hide')"> <input type="radio" name="radiobutton2" value="2" onClick="MM_showHideLayers('Layer2','','show')" onChange="MM_showHideLayers('Layer2','','hide')"> <input type="radio" name="radiobutton3" value="3" onClick="MM_showHideLayers('Layer3','','show')" onChange="MM_showHideLayers('Layer3','','hide')"> </td> </tr> <tr> <td> <div id="Layer1" style="position:absolute; left:100px; top:50px; width:221px; height:39px; z-index:1; visibility: hidden"> <table width="221" border="0" cellspacing="0" cellpadding="0"> <tr> <td height="54" bgcolor="#333399"><font color="#FFFFFF">1 </font></td> </tr> </table> </div> <div id="Layer2" style="position:absolute; left:100px; top:50px; width:221px; height:39px; z-index:2; visibility: hidden"> <table width="221" border="0" cellspacing="0" cellpadding="0"> <tr> <td height="54" bgcolor="#669900"><font color="#FFFFFF">2 </font></td> </tr> </table> </div> <div id="Layer3" style="position:absolute; left:100px; top:50px; width:221px; height:39px; z-index:3; visibility: hidden"> <table width="238" border="0" cellspacing="0" cellpadding="0"> <tr> <td height="54" bgcolor="#FF9933"><font color="#FFFFFF">3 </font></td> </tr> </table> </div> </td> </tr> </form> </table></font> <a href="http://js.aiyiweb.com/">欢迎访问爱易网网页特效代码站，js.aiyiweb.com</a>

[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]