注册 | 登陆

您的位置：阿里西西 > 网页特效 > 导航菜单 > 详细内容

实用下拉导航条

稿源：互联网 2022-04-04 16:28:43 点击： 1855 撤稿纠错

很好的一个效果，九城、盛大都用过。记得自己美化哦。

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

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

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>阿里西西网页特效演示，实用下拉导航条</title>
</head>
<body>

<SCRIPT language=JavaScript>
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; }}
//showhidelayer

function mOvr(src, cOvr) 
{if (!src.contains(event.fromElement)) {src.style.cursor = "default";src.bgColor = cOvr;}}
function mOut(src, cOut) 
{if (!src.contains(event.toElement)) {src.style.cursor = "default";src.bgColor = cOut;}}
//changetdcolor
</SCRIPT>
      <TABLE border=1 cellPadding=1 cellSpacing=1 width="100">
        <TBODY>
        <TR align=middle class=dmenu>
          <TD>
            <DIV id=menu01 style="POSITION: absolute">
            <DIV id=sub onmouseout="MM_showHideLayers('sub','','hide')" 
            onmouseover="MM_showHideLayers('sub','','show')" 
            style="HEIGHT: 30px; LEFT: -7px; POSITION: absolute; TOP: 12px; VISIBILITY: hidden; WIDTH: 90px; Z-INDEX: 11">
            <TABLE bgColor=#3c8830 border=0 cellPadding=1 cellSpacing=1 
            width=228>
              <TBODY>
              <TR bgColor=#a5db97>
                <TD align=right>
                  <TABLE border=0 cellPadding=4 cellSpacing=1 class=46C92F 
                  width=222>
                    <COLGROUP span=3>
                    <COL width="33%">
                    <COL width="33%">
                    <COL width="34%"></COLGROUP>
                    <TBODY>
                    <TR bgColor=#fafef4>
                      <TD><A class=pt03 
                        href="sub_new.php">新闻时事</A></TD>
                      <TD><A class=pt03 
                        href="sub_sport.php">体育竞技</A></TD>
                      <TD><A class=pt03 
                        href="lottery.html">体彩足彩</A></TD></TR>
                    <TR bgColor=#fafef4>
                      <TD><A class=pt03 
                        href="stock/index.php">移动股市</A></TD>
                      <TD><A class=pt03 
                        href="sub_ysyl.php">影视娱乐</A></TD>
                      <TD><A class=pt03 
                        href="sub_mrxh.php">每日笑话</A></TD></TR>
                    <TR bgColor=#fafef4>
                      <TD><A class=pt03 
                        href="sub_xingzuo.php">星座预测</A></TD>
                      <TD><A class=pt03 
                        href="sub_shjy.php">生活教育</A></TD>
                      <TD><A class=pt03 
                        href="tvpg.php">电视节目</A></TD></TR>
                    <TR bgColor=#fafef4>
                      <TD><A class=pt03 
                        href="weather.php">天气预报</A></TD>
                      <TD><A class=pt03 
                        href="sub_en.php">英语课堂</A></TD>
                      <TD><A class=pt03 
                        href="iqpg.php">脑筋急转弯</A></TD></TR>
                    <TR bgColor=#fafef4>
                      <TD><A class=pt03 
                        href="sub_xl.php">心理测试</A></TD>
                      <TD><A class=pt03 
                        href="sub_whitedew.php">白领专区</A></TD>
                      <TD><A class=pt03 
                        href="sub_eurfootball.php">欧洲足坛</A></TD></TR>
                    <TR bgColor=#fafef4>
                      <TD><A class=pt03 
                        href="sub_zhaopin.php">招聘信息</A></TD>
                      <TD><A class=pt03 
                        href="sub_mms.php">彩信新闻</A></TD>
                      <TD><A class=pt03 
                        href="sub_bjys.php">保健养生</A></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV></DIV><A 
            class=menu href="" 
            onmouseout="MM_showHideLayers('yycq','','hide','logo','','hide','ring','','hide','sub','','hide','mo','','hide','brand','','hide','feature','','hide','product','','hide','help','','hide')" 
            onmouseover="MM_showHideLayers('yycq','','hide','logo','','hide','ring','','hide','sub','','show','mo','','hide','brand','','hide','feature','','hide','product','','hide','help','','hide')">订阅</A> 
          </TD>
          <TD>
            <DIV id=menu02 style="POSITION: absolute">
            <DIV id=mo onmouseout="MM_showHideLayers('mo','','hide')" 
            onmouseover="MM_showHideLayers('mo','','show')" 
            style="HEIGHT: 30px; LEFT: -7px; POSITION: absolute; TOP: 12px; VISIBILITY: hidden; WIDTH: 90px; Z-INDEX: 12">
            <TABLE bgColor=#3c8830 border=0 cellPadding=1 cellSpacing=1 
            width=190>
              <TBODY>
              <TR bgColor=#a5db97>
                <TD align=right>
                  <TABLE border=0 cellPadding=4 cellSpacing=1 class=46C92F 
                  width=184>
                    <COLGROUP span=2>
                    <COL width="55%">
                    <COL width="45%"></COLGROUP>
                    <TBODY>
                    <TR bgColor=#fafef4>
                      <TD><A class=pt03 href="mo/news.html" 
                        target=_blank>资讯大全</A></TD>
                      <TD><A class=pt03 
                        href="mo/stock.html" 
                        target=_blank>股票资讯</A></TD></TR>
                    <TR bgColor=#fafef4>
                      <TD><A class=pt03 
                        href="mo/service.html">短语/图片/铃声</A></TD>
                      <TD><A class=pt03 
                        href="mo/shfw.html">生活服务</A></TD></TR>
                    <TR bgColor=#fafef4>
                      <TD><A class=pt03 
                        href="mo/yxcs.html">游戏测试</A></TD>
                      <TD><A class=pt03 
                        href="mo/help.html">点播帮助</A></TD></TR>
                    <TR bgColor=#fafef4>
                      <TD><A class=pt03 
                        href="mo/0.html">纵横短信</A></TD>
                      <TD><A class=pt03 
                        href="mo/bawang.html">霸王短信</A></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV></DIV><A 
            class=menu href="mo/" 
            onmouseout="MM_showHideLayers('yycq','','hide','logo','','hide','ring','','hide','sub','','hide','mo','','hide','brand','','hide','feature','','hide','product','','hide','help','','hide')" 
            onmouseover="MM_showHideLayers('yycq','','hide','logo','','hide','ring','','hide','sub','','hide','mo','','show','brand','','hide','feature','','hide','product','','hide','help','','hide')">点播</A> 
          </TD>
         </TR></TBODY></TABLE>

</body>
</html>
<a href="http://www.alixixi.com/Dev/HTML/jsrun/">欢迎访问阿里西西网页特效集</a>

关于实用下拉导航条的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/2008071444.shtml方便下次再访问哦。

·上一篇： 三级下拉关联菜单
·下一篇： FORM框中导航

相关阅读

文章分类LIST >>返回首页

排行总榜

避免你的邮箱地址被自动收集的代码
有趣的按钮
控制用按钮打开新窗口的属性
单击按钮或图片打开IE首页
点击按钮打印该页
仿软件浮动按钮
在规定时间内方有效的按钮
一个按钮完成对文本框内容的复制
按钮选中文本框内所有内容
Windows式样的按钮

最新游戏

最新新闻