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>
<script>
$(function(){
	  $.centerSlide();//中间centerSlide部分的hover
});
</script>
<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
</div>

用户评论

18素材网

一个让开发更高效的素材分享平台,用于快速开发强大的Web界面。


官方QQ群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:864918708
Css3+Html5讨论群
群号:864918708

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