开发者社区> 问答> 正文

js怎么点击导航菜单

js怎么点击导航菜单

展开
收起
云计算小粉 2018-05-10 20:00:21 1628 0
1 条回答
写回答
取消 提交回答
  • 阿里云ping https://ping.gaomeluo.com/aliyun/

     <li><a href="{:U('Index/index')}" class="current">首页</a></li>
     <li><a href="{:U('Goods/goodsList')}">叉车租赁</a>
       <ul>
            <li><a href="{:U('Goods/goodsList')}">年月租</a></li>
            <li><a href="{:U('Goods/goodsTemp')}">临时租</a></li>
       </ul>
     </li>
     <li><a href="{:U('Special/index')}">好运商城</a>
        <ul>
            <li><a href="{:U('Special/index')}">特价车</a></li>
            <!-- <li><a href="{:U('MallShop/Industry')}">工业品</a></li> -->
        </ul>
     </li>
     <li> <a href="{:U('News/articleList',array('cat_id'=>$art_cat[0]['cat_id']))}">资讯中心</a>
       <ul>
            <foreach item='art_cat' name='art_cat'>
              <li><a href="{:U('News/articleList',array('cat_id'=>$art_cat['cat_id']))}">{$art_cat.cat_name}</a></li>
            </foreach>
            <li><a href="{:U('News/news1')}">租赁问答</a></li>
       </ul>
     </li>
     <li><a href="{:U('service/service')}">服务网络</a></li>
     <li><a href="{:U('service/join')}">加盟合作</a></li>
     <li class="last"><a href="{:U('News/about',array('cat_id'=>$about_cat[0]['cat_id']))}">关于我们</a>
       <ul>
          <foreach item='about_cat' name='about_cat'>
            <li><a href="{:U('News/about',array('cat_id'=>$about_cat['cat_id']))}">{$about_cat.cat_name}</a></li>
          </foreach>
          <li><a href="{:U('News/download')}">下载专区</a></li>
       </ul>
     </li> 

    <script src="/Public/hyw/js/jquery1.8.3.min.js"></script>
       <script type="text/javascript">
    //获取cookie中保存的导航分类名称
    var menu_name_cookie = getcookie('menu_name_cookie');
    $('.menuLink>li').each(function(key,val){
        //获取li里的a标签的导航分类名称
        var menu_name_li = $(val).children('a').html();
        if(menu_name_li == menu_name_cookie){
            //清除默认选中
            $('.menuLink>li>a').attr({'class':''});
            //选中符合条件的li
            $(val).children('a').attr({'class':'current'});
            return false;
        }
    })
    
    //点击导航li时用cookie存储所点击的导航分类名称
    $('.menuLink>li').click(function(){
        var menu_name_cookie = $(this).children('a').html();
        document.cookie="menu_name_cookie="+menu_name_cookie+";path=/";
    })
    
    //获取指定名称的cookie的值
    function getcookie(objname){
        var arrstr = document.cookie.split("; ");
        for(var i = 0;i < arrstr.length;i ++){
            var temp = arrstr[i].split("=");
            if(temp[0] == objname) return unescape(temp[1]);
        }
    }
    </script>
    
    2019-07-17 22:11:20
    赞同 1 展开评论 打赏
问答分类:
问答地址:
问答排行榜
最热
最新

相关电子书

更多
JavaScript异步编程 立即下载
Delivering Javascript to World 立即下载
编程语言如何演化-以JS的private为例 立即下载