jQuery点击标签选项卡上下滑动切换代码

来源:https://www.sucaihuo.com/js/3352.html 2017-12-31 19:29浏览(1704) 收藏

jQuery点击标签选项卡上下滑动切换代码,tab选项卡在左侧竖排、右侧图文内容比较丰富,滑动切换效果非常流畅!
jQuery点击标签选项卡上下滑动切换代码
查看演示 下载资源 下载积分: 20 积分

js代码

<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
<script type="text/javascript">
$(".main-page .nav div").mouseenter(function () {
	var $this = $(this);
	var index = $this.index();
}).mouseleave(function () {
	var $this = $(this);
	var index = $this.index();
}).click(function () {
	var $this = $(this);
	var index = $this.index();
	var l = -(index * 800);
	$(".main-page .nav div").removeClass("on");
	$(".main-page .nav div").eq(index).addClass("on");
	$(".main-page .content .con-ggh:eq(0)").stop().animate({ "margin-top": l }, 500);
});
</script>
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2