建站
咨詢
售后
建站咨詢
新聞中心
這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
jQuery翻牌或百葉窗效果
效果預(yù)覽：
10余年的五蓮網(wǎng)站建設(shè)經(jīng)驗，針對設(shè)計、前端、開發(fā)、售后、文案、推廣等六對一服務(wù)，響應(yīng)快，48小時及時工作處理。成都全網(wǎng)營銷的優(yōu)勢是能夠根據(jù)用戶設(shè)備顯示端的尺寸不同，自動調(diào)整五蓮建站的顯示方式，使網(wǎng)站能夠適用不同顯示終端，在瀏覽器中調(diào)整網(wǎng)站的寬度，無論在任何一種瀏覽器上瀏覽網(wǎng)站，都能展現(xiàn)優(yōu)雅布局與設(shè)計，從而大程度地提升瀏覽體驗。創(chuàng)新互聯(lián)建站從事“五蓮網(wǎng)站設(shè)計”,“五蓮網(wǎng)站推廣”以來，每個客戶項目都認真落實執(zhí)行。
動態(tài)效果請進入：http://www.cnblogs.com/lufy/archive/2012/06/07/2539744.html觀看
- $(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，讓下一個LI移動top值;
- function ainbyc(ds){
- var set2 = setInterval(function(){
- //所有的LI移動完畢，就清除
- 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);
- }
- })
詳細分析請進入：http://bbs.miaov.com/forum.php?mod=viewthread&tid=5578觀看視頻，這里只總結(jié)一下。
1.清除定時器clearInterval，先前我寫在了外面，應(yīng)該是寫在setInterval里面。
2.當不確定布爾是什么值的時候，可以這樣寫：timer = !timer;
DEMO下載
網(wǎng)頁題目：jQuery翻牌或百葉窗效果
文章起源：http://fisionsoft.com.cn/article/cdhdjec.html
