欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

jQuery 翻牌或百葉窗效果(內(nèi)容三秒自動(dòng)切換)

 更新時(shí)間：2012年06月14日 13:59:22   作者：  
jQuery 翻牌或百葉窗效果(內(nèi)容三秒自動(dòng)切換)，讓列表內(nèi)容不再枯燥
核心代碼：
復(fù)制代碼 代碼如下:

$(function(){
var timer = true; //執(zhí)行向上或向下的開關(guān)
var liindex = 0; //LI的索引
var $div = $(".byc").find("div");
//每隔三秒執(zhí)行一次變換LI的內(nèi)容
var set1 = setInterval(function(){
ainbyc($div);
liindex = 0;
timer = !timer;
},3000);
//LI變換的方式，即每隔100ms，讓下一個(gè)LI移動(dòng)top值;
function ainbyc(ds){
var set2 = setInterval(function(){
//所有的LI移動(dòng)完畢，就清除
if(liindex == $div.length){
clearInterval(set2);
//向上
}else if(timer){
ds.eq(liindex).animate({"top":0},100);
//向下
}else{
ds.eq(liindex).animate({"top":-25},100);
}
liindex++;
},100);
}
})

妙味視頻里面都分析的很清楚了。這里只總結(jié)一下。
1.清除定時(shí)器clearInterval，先前我寫在了外面，應(yīng)該是寫在setInterval里面。
2.當(dāng)不確定布爾是什么值的時(shí)候，可以這樣寫：timer = !timer;

在線演示：http://demo.jb51.net/js/2012/mybyc/
打包下載：http://www.dbjr.com.cn/jiaoben/55611.html

相關(guān)文章

最新評(píng)論