最大的网站源码资源下载站，www.alixixi.com.
以下是HTML脚本特效代码，点击运行按钮可查看效果： <!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=gb2312" /> <title>阿里西西<a target="_blank" href="http://www.alixixi.com/" class="wordstyle">WEB开发</a> - 打造国内最大的<a target="_blank" href="http://www.alixixi.com/" class="wordstyle">WEB开发</a>资源网站！</title> <meta name=keywords content="电子教程,网站源码下载,电子手册,视频教程,<a target="_blank" href="http://www.alixixi.com/Dev/Special/web3c/" class="wordstyle">web标准</a>,<a target="_blank" href="http://www.alixixi.com/Dev/Special/web3c/" class="wordstyle">网站重构</a>,站长工具,技术论坛"> <meta name="description" content="-<a target="_blank" href="http://www.alixixi.com/" class="wordstyle">WEB开发</a>程序员，工作者，学习者之家"> </head> <body> <!--top menu--> <br /><br /><br /><br /> <style type="text/css"> <!-- * {font-size:13px;font-family:Arial;} #nav li {list-style:none; width:120px; margin-top:0;padding:4px 6px;} #nav li a {text-decoration:none; color:#666;} #nav li a:hover {color:#000;} .aa {border-top:3px solid #AAC7E9;border-right:1px solid #AAC7E9;border-bottom:1px solid #AAC7E9; background:#E8F5FE;border-left:1px solid #AAC7E9;cursor:hand;} .bb {border-top:3px solid #ff9900;border-right:1px solid #AAC7E9;border-bottom:1px solid #AAC7E9; border-left:1px solid #AAC7E9;background:#FFFFDD;cursor:hand;} .cc {border-top:4px solid #ff66ff; background:#fcf;cursor:hand;} .list2 { font-size:13px; line-height:20px; padding:3px;text-align:left;background:#FFFFFF;} .list2 li{ color:#333333;font-size:13px; line-height:24px; padding:0 0 0 10px;background:url(/images/dot1.gif) no-repeat 2px 12px;} .list2 a{ text-decoration: underline;} .lfloat {float:left;} .rfloat {float:right;} .ctt{padding:0;clear:both;border-top:1px solid #AAC7E9;border-right:1px solid #AAC7E9;border-bottom:1px solid #AAC7E9;text-align:left;height:317px;} .dis{display:block;} .undis{display:none;} li{list-style: none;} form, ul { padding:0; margin:0;} --> </style> <div style="width:600px"> <div class="lfloat" style="width:126px"> <ul id="nav"> <li class="aa" id="tb_1" onClick="x:hoverli(1);">我要找下载...</li> <li class="bb" id="tb_2" onClick="i:hoverli(2);">我要找文章...</li> <li class="aa" id="tb_3" onClick="x:hoverli(3);">有问题要问...</li> <li class="aa" id="tb_4" onClick="x:hoverli(4);">去论坛逛逛...</li> <li class="aa" id="tb_5" onClick="x:hoverli(5);">欣赏下酷站...</li> <li class="aa" id="tb_6" onClick="x:hoverli(6);">收藏JS特效...</li> <li class="aa" id="tb_7" onClick="x:hoverli(7);">找工作找人...</li> <li class="aa" id="tb_8" onClick="x:hoverli(8);">在线工具箱...</li> <li class="aa" id="tb_9" onClick="x:hoverli(9);">供求留言板...</li> <li class="aa" id="tb_10" onClick="x:hoverli(10);">程序员之家...</li> <li class="aa" id="tb_11" onClick="x:hoverli(11);">互联网动态...</li> </ul> </div> <div class="lfloat" style="width:450px;"> <div id="newinfo"> <div class="ctt list2"> <div class="dis" id="tbc_01"> 下载... </div> <div class="undis" id="tbc_02"> 文章... </div> <div class="undis" id="tbc_03"> 问吧... </div> <div class="undis" id="tbc_04"> 论坛... </div> <div class="undis" id="tbc_05"> 酷站... </div> <div class="undis" id="tbc_06"> 特效... </div> <div class="undis" id="tbc_07"> 工作... </div> <div class="undis" id="tbc_08"> 工具... </div> <div class="undis" id="tbc_09"> 留言... </div> <div class="undis" id="tbc_010"> 空间... </div> <div class="undis" id="tbc_011"> 新闻... </div> </div> </div> </div> </div> </div> <!--div no.1--> <!--快速导航栏--> <script type="text/javascript" language="javascript"> //<!cdata[ function g(o){return document.getElementById(o);} function hoverli(n){ for(var i=1;i<=11;i++){g('tb_'+i).className='aa';g('tbc_0'+i).className='undis';}g('tbc_0'+n).className='list2';g('tb_'+n).className='bb'; } function fun(){ hoverli(3); } function hoverli2(n){ for(var i=1;i<=11;i++){g('js_'+i).className='aa';g('jsc_0'+i).className='undis';}g('jsc_0'+n).className='list2';g('js_'+n).className='bb'; } function fun2(){ hoverli2(3); } function hoverli3(n){ for(var i=1;i<=11;i++){g('be_'+i).className='aa';g('bec_0'+i).className='undis';}g('bec_0'+n).className='list2';g('be_'+n).className='bb'; } function fun3(){ hoverli2(3); } //如果要做成点击后再转到请将<li>中的onmouseover 改成 onclick; //]]> </script> </body> </html> <a href="http://www.alixixi.com/Dev/HTML/jsrun/">欢迎访问阿里西西网页脚本特效集</a> [提示：可先修改代码再按运行]
