日本综合一区二区|亚洲中文天堂综合|日韩欧美自拍一区|男女精品天堂一区|欧美自拍第6页亚洲成人精品一区|亚洲黄色天堂一区二区成人|超碰91偷拍第一页|日韩av夜夜嗨中文字幕|久久蜜综合视频官网|精美人妻一区二区三区

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時(shí)間：8:30-17:00
你可能遇到了下面的問題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
jQuery翻牌或百葉窗效果

效果預(yù)覽：

10余年的五蓮網(wǎng)站建設(shè)經(jīng)驗(yàn)，針對(duì)設(shè)計(jì)、前端、開發(fā)、售后、文案、推廣等六對(duì)一服務(wù)，響應(yīng)快，48小時(shí)及時(shí)工作處理。成都全網(wǎng)營銷的優(yōu)勢(shì)是能夠根據(jù)用戶設(shè)備顯示端的尺寸不同，自動(dòng)調(diào)整五蓮建站的顯示方式，使網(wǎng)站能夠適用不同顯示終端，在瀏覽器中調(diào)整網(wǎng)站的寬度，無論在任何一種瀏覽器上瀏覽網(wǎng)站，都能展現(xiàn)優(yōu)雅布局與設(shè)計(jì)，從而大程度地提升瀏覽體驗(yàn)。創(chuàng)新互聯(lián)建站從事“五蓮網(wǎng)站設(shè)計(jì)”,“五蓮網(wǎng)站推廣”以來，每個(gè)客戶項(xiàng)目都認(rèn)真落實(shí)執(zhí)行。

動(dòng)態(tài)效果請(qǐng)進(jìn)入：http://www.cnblogs.com/lufy/archive/2012/06/07/2539744.html觀看

 
 
 
 
    
  
  
  
  
  1. $(function(){ 
    2. 
  
  
  
  
  2.     var timer = true; //執(zhí)行向上或向下的開關(guān) 
    3. 
  
  
  
  
  3.     var liindex = 0;    //LI的索引 
    4. 
  
  
  
  
  4.     var $div = $(".byc").find("div");     
    5. 
  
  
  
  
  5.      
    6. 
  
  
  
  
  6.     //每隔三秒執(zhí)行一次變換LI的內(nèi)容 
    7. 
  
  
  
  
  7.     var set1 = setInterval(function(){ 
    8. 
  
  
  
  
  8.             ainbyc($div); 
    9. 
  
  
  
  
  9.             liindex = 0; 
    10. 
  
  
  
  
  10.             timer = !timer; 
    11. 
  
  
  
  
  11.     },3000); 
    12. 
  
  
  
  
  12.     //LI變換的方式，即每隔100ms，讓下一個(gè)LI移動(dòng)top值; 
    13. 
  
  
  
  
  13.     function ainbyc(ds){ 
    14. 
  
  
  
  
  14.         var set2 = setInterval(function(){ 
    15. 
  
  
  
  
  15.             //所有的LI移動(dòng)完畢，就清除 
    16. 
  
  
  
  
  16.           if(liindex == $div.length){ 
    17. 
  
  
  
  
  17.             clearInterval(set2); 
    18. 
  
  
  
  
  18.             //向上 
    19. 
  
  
  
  
  19.           }else if(timer){ 
    20. 
  
  
  
  
  20.             ds.eq(liindex).animate({"top":0},100); 
    21. 
  
  
  
  
  21.             //向下 
    22. 
  
  
  
  
  22.           }else{ 
    23. 
  
  
  
  
  23.             ds.eq(liindex).animate({"top":-25},100); 
    24. 
  
  
  
  
  24.           } 
    25. 
  
  
  
  
  25.           liindex++; 
    26. 
  
  
  
  
  26.         },100);         
    27. 
  
  
  
  
  27.     }     
    28. 
  
  
  
  
  28. })
    29.

詳細(xì)分析請(qǐng)進(jìn)入：http://bbs.miaov.com/forum.php?mod=viewthread&tid=5578觀看視頻，這里只總結(jié)一下。

1.清除定時(shí)器clearInterval，先前我寫在了外面，應(yīng)該是寫在setInterval里面。

2.當(dāng)不確定布爾是什么值的時(shí)候，可以這樣寫：timer = !timer;

DEMO下載


當(dāng)前文章：jQuery翻牌或百葉窗效果
URL鏈接：http://www.dlmjj.cn/article/cdhdjec.html