jQuery纵向tab选项卡内容切换代码

jQuery纵向tab选项卡内容切换代码-精品资源网
jQuery纵向tab选项卡内容切换代码
此内容为免费资源,请登录后查看
0
免费资源

jQuery纵向tab选项卡内容切换代码

这是一款橙色的选项卡切换样式特效,jQuery纵向鼠标经过tab选项卡内容切换代码。

js代码

<script type=\"text/javascript\" src=\"js/jquery-1.8.3.min.js\"></script>
<script type=\"text/javascript\">
$(\'.o-m .ul-o li\').hover(function () {
	var linum = $(this).index()
	$(\'.o-m .ul-t li\').eq(linum).stop().show().siblings().hide()
})
$(function () {
	var slip = $(\'.li-mask\');
	var a = $(\'.o-m .ul-o li:first\');
	//初始化滑块
	slip.css({
		\'top\': parseInt(a.position().top) + \'px\'
	});
	$(\'.o-m .ul-o li\').mouseenter(function () {
		//显示滑块
		if (slip.css(\'display\') == \'none\') {
			slip.show();
		};
		//移动滑块
		slip.stop().animate({
			top: parseInt($(this).position().top) + \'px\'
		}, 300);
	});
});
</script>

© 版权声明
THE END
点赞0 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片

    暂无评论内容