jQuery鼠标悬停导航列表滑动展开菜单代码



228 911 304



特效描述:jQuery 鼠标悬停 导航列表 滑动展开菜单,jQuery滑动展开菜单,导航列表菜单代码

代码结构

1. 引入CSS

<link href="css/reset.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">

2. 引入JS

<script src="js/jquery.min.js"></script>
<script src="js/html5.min.js"></script>
<script src="js/getHover.js"></script>

3. HTML代码

	  <div id="cmpMain">
	  	<!-- cpmContent start-->
	  	<div id="cpmContent">
	  	    <section class="cl">
	  	  	 <div class="centerHover cl">
			    <div class="row cl inactive">
				   <h5 data-role="1" >写字楼</h5>
				   <ul>
					   <li data-role="2"><a href="#">资源管理</a></li>
					   <li data-role="3"><a href="#">客户服务</a></li>
					   <li data-role="4"><a href="#">招租平台</a></li>
				   </ul>
			    </div>
			    <div class="row cl normal">
				   <h5 data-role="1" >购物中心</h5>
				   <ul>
					   <li data-role="2"><a href="#">商业资源管理</a></li>
					   <li data-role="3"><a href="#">商业运营管理</a></li>
					   <li data-role="4"><a href="#">客户关系管理</a></li>
					   <li data-role="5"><a href="#">O2O方案</a></li>
				   </ul>
			    </div>
			    <div class="row cl normal">
				   <h5 data-role="1" >连锁卖场</h5>
				   <ul>
					   <li data-role="2"><a href="#">商业资源管理</a></li>
					   <li data-role="3"><a href="#">客户关系管理</a></li>
					   <li data-role="4"><a href="#">智能收银</a></li>
				   </ul>
			    </div>
			    <div class="row cl normal row-end">
				   <h5 data-role="1" >云平台</h5>
				   <ul>
					   <li data-role="2"><a href="#">招商平台</a></li>
					   <li data-role="3"><a href="#">商户服务平台</a></li>
					   <li data-role="4"><a href="#">精准营销平台</a></li>
				   </ul>
			    </div>
		     </div>
	  	    </section>
		</div>
		<!-- cpmContent end-->
	  </div>



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册


热门标签: 滚动导航菜单 滑动导航菜单 浮动导航菜单 导航切换 右键菜单 收缩导航菜单 html5动画导航菜单 flash导航菜单 滑动 滑动星星打分 收缩展开 导航菜单 其他 滑动导航菜单 收缩导航菜单 图标导航菜单 导航菜单插件 鼠标滑过

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到