jQuery企业通用黑色下拉导航菜单

jQuery企业通用黑色下拉导航菜单

分享一个企业通用导航菜单效果,带下划线,并且有下拉二级菜单。

淘建站为您提供更多_导航菜单_下拉导航_导航菜单_下拉菜单,在此特别感谢您对我们的支持与厚爱!

查看演示

演示不了,点击反馈

加入收藏

下载 457 次

下载资源

34 积分

特别说明:本站资源来自网友发布分享,仅供学习与参考,请勿用于商业用途,若有侵权请联系删除(272966172@qq.com)。

菜单导航HTML代码:

鼠标悬浮菜单代码:

$(function() {
    var nav = $(".nav");
    var init = $(".nav .m").eq(ind);
    var block = $(".nav .block");
    block.css({
        "left": init.position().left - 3
    });
    nav.hover(function() {},
    function() {
        block.stop().animate({
            "left": init.position().left - 3
        },
        100);
    });
    $(".nav").slide({
        type: "menu",
        titCell: ".m",
        targetCell: ".sub",
        delayTime: 300,
        triggerTime: 0,
        returnDefault: true,
        defaultIndex: ind,
        startFun: function(i, c, s, tit) {
            block.stop().animate({
                "left": tit.eq(i).position().left - 3
            },
            100);
        }
    });
});

var ind = 0;

声明:本资料由淘建站会员提供,如转载注明来源,资料来源淘建站免费素材库:https://www.taojz.cn/texiao/400.html
jQuery企业通用黑色下拉导航菜单 希望对你有帮助,感谢您的支持!
  • jQuery微信底部弹出二级子菜单

    jQuery微信底部弹出二级子菜单

  • jQuery手机wap响应式图标菜单导航

    jQuery手机wap响应式图标菜单导航

  • jQuery手机wap动画导航菜单

    jQuery手机wap动画导航菜单

  • jQuery手机wap左侧展开下拉子菜单

    jQuery手机wap左侧展开下拉子菜单

  • jquery鼠标悬浮动画菜单

    jquery鼠标悬浮动画菜单

  • jQuery手机3级下拉菜单效果

    jQuery手机3级下拉菜单效果

  • jQuery仿美团左侧智能定位导航

    jQuery仿美团左侧智能定位导航

  • jQuery手机各种下拉菜单效果加搜索输入框

    jQuery手机各种下拉菜单效果加搜索输入框

  • divcss导航菜单用CSS样式表处理斜角导航条

    divcss导航菜单用CSS样式表处理斜角导航条

  • 实用css代码精选-适合超多选项的下拉菜单

    实用css代码精选-适合超多选项的下拉菜单

  • jquery带下拉菜单和焦点图插件

    jquery带下拉菜单和焦点图插件

  • jQuery仿阿里云头部导航菜单特效

    jQuery仿阿里云头部导航菜单特效

  • 留言(0)
    头像
     阿里云限量代金券,戳我领取
    1 2