伟德BETVICTOR_手机1946韦德最新网站_韦德1946手机版客户端【唯一授权官网】

所属分类:导航-水平导航
 4122  15  查看评论 (0)
伟德BETVICTOR_手机1946韦德最新网站_韦德1946手机版客户端【唯一授权官网】 ie兼容9
更新时间:2017/12/29 下午8:33:04更新说明:细节优化data-stop='true' : 在手机版上禁止跳转页面// 插入js代码 $(document).click(function(){ $('.nav-list').removeClass('open') }) $('.nav-menu,.nav-list').click(function(e){e.stopPropagation()}) $('nav').find('.nav-menu').click(function(e){ $('.nav-list').toggleClass('open') })html<nav>    <!-- logo -->   <div class="nav-logo"> <a href="http://yzshield.com/quot;###"><img src="img/logo.png" alt=""></a> </div>"      <!-- 控制menu -->   <div class="nav-menu"> <span></span> <span></span> <span></span> </div>      <!-- 菜单 -->   <ul class="nav-list">     <li> <a href="http://yzshield.com/quot;" class="active">首"       <div class="carect"></div>       </a>       <ul class="menu">         <li><a href="http://yzshield.com/quot;">不断学习</a></li>"         <li><a href="http://yzshield.com/quot;">不断进步</a></li>"       </ul>     </li>     <li><a href="http://yzshield.com/quot;">我"       <div class="carect"></div>       </a></li>     <li><a href="http://yzshield.com/quot;">一个</a></li>"     <li><a href="http://yzshield.com/quot;">热爱</a></li>"     <li><a href="http://yzshield.com/quot;">Web</a></li>"     <li><a href="http://yzshield.com/quot;">前端</a></li>"     <li><a href="http://yzshield.com/quot;">的有</a></li>"     <li><a href="http://yzshield.com/quot;">为青</a></li>"     <li><a href="http://yzshield.com/quot;">年!</a></li>"   </ul> </nav>需要一句js控制小屏的菜单栏:$('nav').find('.nav-menu').click(function(){ $('.nav-list').toggleClass('open') })有基础可在sass文件内修改,需要sass环境
相关伟德BETVICTOR-水平导航

水平导航条

可以上下切换的水平导航条
  水平导航
 18777  86

二级菜单导航栏

简单的菜单栏
  水平导航
 26893  149

动态导航菜单

jquery导航菜单制作一个类似熔岩灯jquery动画菜单效果,自适应导航菜单显示
  水平导航
 23322  130

仿爱淘宝分类伸缩jQuery导航

仿爱淘宝分类伸缩jQuery导航
  水平导航
 17990  116

讨论这个项目(0)回答他人问题或分享伟德BETVICTOR使用方法奖励jQ币

取消回复