js二级下拉导航菜单演示下载

js二级下拉导航菜单演示下载

添加时间:2021-02-15 06:34:24
站长推荐丨赞助论坛,可获取海量资源终身免费下载权限奥!
举报 举报
收藏
预览
附件 附件
  • 模板类型模板类型:下拉导航
  • 模板颜色模板颜色:初级
  • 下载积分下载积分:28 米粒
  • 下载权限下载权限:

    赞助会员

javascript原生代码制作网页导航菜单,当鼠标悬浮上去切换对应的子级菜单,鼠标离开后,高亮显示初始选中菜单。
js二级下拉导航菜单演示下载
分类:导航菜单 > 下拉导航 难易:初级

导航菜单html代码

<ul class="smenu">
    <li id="s_1" class='s_li_a'>jsfoot 网页特效主要有jquery 特效 js特效 flash特效 div+css教程 html5教程</li>
    <li id="s_2" class='s_li' onmouseover='mover(2);' onmouseout='mout(2);'>
        <a href="https://jy.tp.yuanmeng.life/" target="_blank" title="jquery图片特效">jquery图片特效</a>
        <a href="https://jy.tp.yuanmeng.life/" target="_blank" title="jquery导航菜单">jquery导航菜单</a>
        <a href="https://jy.tp.yuanmeng.life/" target="_blank" title="jquery选项卡特效">jquery选项卡特效</a>
        <a href="https://jy.tp.yuanmeng.life/" target="_blank" title="jquery文字特效">jquery文字特效</a>
        <a href="https://jy.tp.yuanmeng.life/" target="_blank" title="jquery表单特效">jquery表单特效</a>
        <a href="https://jy.tp.yuanmeng.life/" target="_blank" title="jquery表格特效">jquery表格特效</a>
    </li>
</ul>
//设置当前频道
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";
    }
}
相关内容推荐
资源求助发帖
查看更多发帖

*

回帖描述:

*

链接类型:

*

下载链接:

密码:
发帖规则:回帖内容为会员之间的私信,普通网友无法查看。
免责声明:回帖中提供的链接内容仅供会员之间学习参考使用,获取内容后请在法律法规范围内使用。回帖提供的内容应符合法律法规要求,不得违反法律法律的要求。
站点权责:回帖内容如违反法律法规,站点有权封停账号使用权利。对用户举报的内容,站点有责任及时删除违规内容。
热点内容推荐
标题:js二级下拉导航菜单演示下载

*

描述:
平均回复时间:3-10分钟
规则介绍:悬赏寻求论坛网友分享资源,站点对分享内容的准确性,合法性,版权等没有足够的监管能力。如果您发现资源不正确,无法使用,不符合法律法律等情况,您可以直接举报资源。站长将尽快核实您的举报,并根据情况,采取封号,退换米粒等处理。

*

回帖描述:

*

链接类型:

*

阅读权限:

*

下载链接:

密码:
发帖规则:回帖内容为会员之间的私信,普通网友无法查看。
免责声明:回帖中提供的链接内容仅供会员之间学习参考使用,获取内容后请在法律法规范围内使用。回帖提供的内容应符合法律法规要求,不得违反法律法律的要求。
站点权责:回帖内容如违反法律法规,站点有权封停账号使用权利。对用户举报的内容,站点有责任及时删除违规内容。
  • 背景波浪
  • 背景波浪
  • 波浪
  • 波浪
客服
在线咨询
周一 至 周日 9:00 ~ 22:00
QQ:1326974360
微信:juyoubuluo6688
客服热线
18205485173
工作日 9:00 ~ 18:00
微信扫码咨询
客户服务
欢迎咨询服务
咨询量较多时,请耐心等待
社群

关注公众号

获取更多资讯

扫码进群(QQ)

与更多大牛交流沟通

0.097868s