注册 登录 充值会员 退出
毕业设计 PHP源码
充值

jQuery鼠标悬停手风琴滑动切换特效

作者/代码整理:  (转载请附加本文地址,带有“懒人原生”字样的谢绝转载) 发布日期:2018-03-23
jQuery鼠标悬停手风琴滑动切换特效
一款非常美观大方的jQuery鼠标悬停手风琴滑动切换特效,鼠标悬停项目内容水平展开收缩动画切换效果,服务器空间提供商官网常用的展示方式。


js代码

<script type="text/javascript">
$(document).ready(function(){

	var c=1;																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																													
	$(".cloud-product-ul>li").mouseenter(function(){
		var e=$(this);
		c=e.data("index");
		var e=$(this);
		setTimeout(function(){
			if(c==e.data("index")){
				$(".cloud-product-ul>li").removeClass("active");
				e.addClass("active")
			}
		},120)
	});

});
</script>