教程集 > 脚本编程 > javascript > 正文二级菜单代码

二级菜单代码

发布时间：2016-11-09 编辑：jiaochengji.com

教程集为您提供二级菜单代码等资源，欢迎您收藏本站，我们将为您提供最新的二级菜单代码资源

提示：您可以先修改部分代码再运行

<textarea name="runcool" rows="28" cols="75" > <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>测试</title> <link href="http://www.jiaochengji.com/public.css" rel="stylesheet" type="text/css" /> <script> //初始化 var def="1"; function mover(object){ //主菜单 var mm=document.getElementById("m_" object); mm.className="m_li_a"; //初始主菜单先隐藏效果 if(def!=0){ var mdef=document.getElementById("m_" def); mdef.className="m_li"; } //子菜单 var ss=document.getElementById("s_" object); ss.style.display="block"; //初始子菜单先隐藏效果 if(def!=0){ var sdef=document.getElementById("s_" def); sdef.style.display="none"; } } function mout(object){ //主菜单 var mm=document.getElementById("m_" object); mm.className="m_li"; //初始主菜单还原效果 if(def!=0){ var mdef=document.getElementById("m_" def); mdef.className="m_li_a"; } //子菜单 var ss=document.getElementById("s_" object); ss.style.display="none"; //初始子菜单还原效果 if(def!=0){ var sdef=document.getElementById("s_" def); sdef.style.display="block"; } } </script> </head> <body>

<ul class="smenu"> <li style="padding-left:29px;" id="s_1" class='s_li_a'>欢迎光临乐清财税网，您是本站第2842位客人！</li> <li style="padding-left:141px;" id="s_2" class='s_li' onmouseover='mover(2);' onmouseout='mout(2);'>财税简介 | 机构设置 | 办事指南 | 税种简介 | 财税动态 | 公车动态</li> <li style="padding-left:252px;" id="s_3" class='s_li' onmouseover='mover(3);' onmouseout='mout(3);'>下载专区 | 上传专区 | 申请报名 | 查询系统 | 咨询投诉 | 满意调查</li> <li style="padding-left:362px;" id="s_4" class='s_li' onmouseover='mover(4);' onmouseout='mout(4);'>最新公告 | 会计通知</li> <li style="padding-left:474px;" id="s_5" class='s_li' onmouseover='mover(5);' onmouseout='mout(5);'>最新政策 | 政策法规查询</li> <li style="padding-left:447px;" id="s_6" class='s_li' onmouseover='mover(6);' onmouseout='mout(6);'>税收宣传 | 队伍建设 | 文明创建 | 青年论坛 | 廉政课堂</li> <li style="padding-left:696px;" id="s_7" class='s_li' onmouseover='mover(7);' onmouseout='mout(7);'>专题宣传区</li> </ul>

</body> </html></textarea>

提示：您可以先修改部分代码再运行

您可能感兴趣的文章：
javascript 无限级横向下拉导航菜单效果
 导航菜单-三级折叠竖向下拉导航菜单效果
 js 三级折叠菜单代码效果
 横向javascript下拉二级菜单效果
 jquery 无限级联菜单案例分享
 jquery 树形菜单代码一例(图文)
jQuery ul标签下拉菜单演示代码
 jquery 利用show和hidden实现级联菜单示例代码
 jquery下拉菜单 ul标签下拉菜单的例子
 用jquery实现下拉菜单效果的代码

上一篇：CSS弹出DIV 在窗口居中位的例子下一篇：Javascript中常用选项卡3种写法

[关闭]

二级菜单代码

最近更新

浏览排行