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

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

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



下载

2023-11-22 22:20 上传

点击文件名下载附件
售价: 2 金币  [记录]  [购买]