jQuery のフロップまたはブラインド効果 (コンテンツは 3 秒以内に自動的に切り替わります)_jquery

コア コード:

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

$(function(){
var timer = true; //アップまたはダウンの切り替えを実行します
var liindex = 0; //LI インデックス
var $div = $(".byc").find("div"); 🎜>//LI の内容を 3 秒ごとに変換します
var set1 = setInterval(function(){
ainbyc($div);
liindex = 0;
timer = !timer;
},3000);
//LI の変換方法、つまり 100 ミリ秒ごとに、次の LI が先頭の値を移動します。
function ainbyc(ds){
var set2 = setInterval(function( ){
//すべての LI が移動された後、それらをクリアします
if(liindex == $div.length){
clearInterval(set2)
//Up
}else if( timer){
ds.eq(liindex).animate({"top":0},100);
//Down
}else{
ds.eq(liindex).animate ( {"top":-25},100);
}
liindex ;
})


素晴らしいビデオですすべてが非常に明確に分析されました。ここでそれを要約してください。
1. タイマーclearIntervalをクリアします。以前はsetInterval内に書きました。

2. ブール値の値がわからない場合は、次のように記述できます: timer = !timer;

オンライン デモ:
http://demo.jb51.net/ js/2012/mybyc/

パッケージのダウンロード: http://www.jb51.net/jiaoben/55611.html