左侧选项卡效果的菜单导航

稿源：互联网 2022-04-07 14:47:31 点击： 2774 撤稿纠错

左侧选项卡效果的菜单导航效果，可以自定义。

以下讨论的是和导航菜单相关的左侧选项卡效果的菜单导航教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

脚本代码(For Alixixi.com)如下:

<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"><br><html xmlns="http://www.w3.org/1999/xhtml"><br><head><br><meta http-equiv="content-type" content="text/html; charset=gb2312" /><br><title>阿里西西WEB开发 - 打造国内最大的WEB开发资源网站！</title><br><meta name=keywords content="电子教程,网站源码下载,电子手册,视频教程,web标准,网站重构,站长工具,技术论坛"><br><meta name="description" content="-WEB开发程序员，工作者，学习者之家"><br></head><br><body><br><br><br /><br /><br /><br /></font></P>
<P><font face=Verdana><style type="text/css"><br><br></style><br><div style="width:600px"><br> <div class="lfloat" style="width:126px"><br> <ul id="nav"><br> <li class="aa" id="tb_1" onClick="x:hoverli(1);">我要找下载...</li><br> <li class="bb" id="tb_2" onClick="i:hoverli(2);">我要找文章...</li><br> <li class="aa" id="tb_3" onClick="x:hoverli(3);">有问题要问...</li><br> <li class="aa" id="tb_4" onClick="x:hoverli(4);">去论坛逛逛...</li><br> <li class="aa" id="tb_5" onClick="x:hoverli(5);">欣赏下酷站...</li><br> <li class="aa" id="tb_6" onClick="x:hoverli(6);">收藏JS特效...</li><br> <li class="aa" id="tb_7" onClick="x:hoverli(7);">找工作找人...</li><br> <li class="aa" id="tb_8" onClick="x:hoverli(8);">在线工具箱...</li><br> <li class="aa" id="tb_9" onClick="x:hoverli(9);">供求留言板...</li><br> <li class="aa" id="tb_10" onClick="x:hoverli(10);">程序员之家...</li><br> <li class="aa" id="tb_11" onClick="x:hoverli(11);">互联网动态...</li><br> </ul><br> </div><br> <div class="lfloat" style="width:450px;"><br>  <div id="newinfo"><br>     <div class="ctt list2"><br>    <div class="dis" id="tbc_01"><br>     下载...<br>    </div><br>    <div class="undis" id="tbc_02"><br>     文章...<br>    </div><br>    <div class="undis" id="tbc_03"><br>     问吧...<br>    </div><br>    <div class="undis" id="tbc_04"><br>     论坛...<br>    </div><br>    <div class="undis" id="tbc_05"><br>     酷站...<br>    </div><br>    <div class="undis" id="tbc_06"><br>     特效...<br>    </div><br>    <div class="undis" id="tbc_07"><br>     工作...<br>    </div><br>    <div class="undis" id="tbc_08"><br>     工具...<br>    </div><br>    <div class="undis" id="tbc_09"><br>     留言...<br>    </div><br>    <div class="undis" id="tbc_010"><br>     空间...<br>    </div><br>    <div class="undis" id="tbc_011"><br>     新闻...<br>    </div><br>   </div><br>    </div><br> </div><br></div></font></P><font face=Verdana>
<P><br></div><br><br><br><script type="text/javascript" language="javascript"><br>//<!cdata[<br>function g(o){return document.getElementById(o);}<br>function hoverli(n){<br>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';<br>}<br>function fun(){<br>hoverli(3);<br>}<br>function hoverli2(n){<br>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';<br>}<br>function fun2(){<br>hoverli2(3);<br>}<br>function hoverli3(n){<br>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';<br>}<br>function fun3(){<br>hoverli2(3);<br>}</P>
<P>//如果要做成点击后再转到请将<li>中的onmouseover 改成 onclick;<br>//]]><br></script></P>
<P></body><br></html><br></font></P><br><a href="http://www.alixixi.com[InstallDir_ChannelDir]HTML/jsrun/">欢迎访问阿里西西网页脚本特效集</a>

关于左侧选项卡效果的菜单导航的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/20080803297.shtml方便下次再访问哦。

·上一篇： 很漂亮的转入等待页！
·下一篇： 层提示效果

左侧选项卡效果的菜单导航

文章分类LIST >>返回首页

最新游戏

最新新闻