jQuery上下滑动选项卡效果

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>