仿网易新闻头部导航栏

所属分类:导航-水平导航

 12714  69  查看评论 (7)
仿网易新闻头部导航栏 ie兼容10
<div class="find_nav_list">
    <ul>
        <li class="find_nav_cur"><a href="javascript:void(0)">资讯</a></li>
        <li><a href="javascript:void(0)">分析</a></li>
        <li><a href="javascript:void(0)">原创</a></li>
        <li><a href="javascript:void(0)">评论</a></li>
        <li><a href="javascript:void(0)">技术</a></li>
        <li><a href="javascript:void(0)">项目</a></li>
        <li><a href="javascript:void(0)">黄页</a></li>
        <li><a href="javascript:void(0)">股市</a></li>
        <li><a href="javascript:void(0)">经济</a></li>
        <li class="sideline"></li>
    </ul>
</div>
在列表中

添加自己所需的类

function navName(c_nav) {
    switch (c_nav) {
        case "资讯":
            sessionStorage.pagecount = "资讯";
            break;
        case "分析":
            sessionStorage.pagecount = "分析";
            break;
        case "黄页":
            sessionStorage.pagecount = "黄页";
            break;
        case "技术":
            sessionStorage.pagecount = "技术";
            break;
        case "项目":
            sessionStorage.pagecount = "项目";
            break;
        case "股市":
            sessionStorage.pagecount = "股市";
            break;
        case "原创":
            sessionStorage.pagecount = "原创";
            break;
        case "经济":
            sessionStorage.pagecount = "经济";
            break;
        case "评论":
            sessionStorage.pagecount = "评论";
            break;
    }
}

修改js中对应信息


相关插件-水平导航

jQuery大型下拉菜单插件booNavigation

booNavigation是一款简单的jQuery大型下拉菜单插件。通过该插件可以制作3列大型下拉菜单
  水平导航
 4671  16

jQuery粘性导航插件smint

jQuery粘性导航插件smint
  水平导航
 16442  131

jQuery响应式多级下拉导航菜单特效

脚本简介jQuery响应式多级下拉导航菜单特效是一款基于jQuery+CSS3实现的白色简洁样式风格网站导航代码
  水平导航
 776  12

jquery鼠标控制背景滑动的网站导航

jquery鼠标控制背景滑动的网站导航,跟随鼠标,可随意设置背景滑块样式,使用方便
  水平导航
 12960  107

讨论这个项目(7)回答他人问题或分享插件使用方法奖励jQ币

    崔??の惑孑0
    2017/1/11 14:01:22

    ie8不支持。。。。

    回复
    我就在这儿0
    2016/11/9 16:11:54
    眼眸0
    2016/11/7 10:11:16
    为什么点击第三个 整个导航就全部不见了 left超出范围了(手机端) 回复
    闭眼、看世界0
    2016/9/21 10:09:17
    这个不用这么麻烦吧,直接一个overflow-x就可以做出来了
        liuyu0
        2016/10/15 18:10:06
        别人是有居中定位效果
    回复
    ─╀0vЁ 半 梦0
    2016/9/5 10:09:39
    我和小伙伴们。0
    2016/9/1 16:09:45
    文本不能跟着头部title一起滑动吗? 回复
取消回复
    PROMULGATOR

    faimaklg

    浙江省杭州市