jQueryでタブの自動切り替えを実現するメソッド label_jquery

この記事の例では、jQuery がタブ ラベルの自動切り替えを実装する方法を説明します。皆さんの参考に共有してください。具体的な実装方法は以下の通りです。

コードをコピー コードは次のとおりです:

<頭>

nav1

nav2

nav3

1111111111111111111111

222222222222222222222

3333333333333333333333

<スクリプトタイプ="text/javascript">
$(document).ready(function(){
$('dt:first').addClass('active');
$('dd:first').css('display','block');
autoroll();
フックサム();
});
var i=-1; //i 番目のタブが始まります
var offset = 2500 //回転時間
; var timer = null;
関数 autoroll(){
n = $('dt').length-1;
私;
if(i > n){
i = 0;
}
スライド(i);
タイマー = window.setTimeout(autoroll, offset);
}
関数スライド(i){
$('dt').eq(i).addClass('active').siblings().removeClass('active');
$('dd').eq(i).css('display','block').siblings('dd').css('display','none');
}
関数フックThumb(){
$('dt').hover(
関数 () {
If (タイマー) {
「 i = $(this).prevAll().length;
スライド(i); }
}、
関数 () {

timer = window.setTimeout(autoroll, offset); This.blur(); return false;
}
);
}





この記事が皆様の JavaScript プログラミング設計に役立つことを願っています。