jQueryでタブの自動切り替えを実現するメソッド label_jquery
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;
}
);
}