您的位置:首页 > Web前端 > JQuery

简洁jQuery滑动门插件

2017-01-12 11:28 337 查看
<script type="text/javascript">
$(document).ready(function() {
jQuery.jqtab = function(tabtit,tab_conbox,shijian) {
$(tab_conbox).find("li").hide();
$(tabtit).find("li:first").addClass("thistab").show();
$(tab_conbox).find("li:first").show();

$(tabtit).find("li").bind(shijian,function(){
$(this).addClass("thistab").siblings("li").removeClass("thistab");
var activeindex = $(tabtit).find("li").index(this);
$(tab_conbox).children().eq(activeindex).show().siblings().hide();
return false;
});

};
/*调用方法如下:*/
$.jqtab("#tabs","#tab_conbox","click");

$.jqtab("#tabs2","#tab_conbox2","mouseenter");

});
</script>


                                            
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: