複製前幾個到最後面
for(var i=0;i<show_num;i++)$('#spics').append($('#spics li').eq(i).clone());
show_num 是實際顯示在畫面上的數量
當他跑到最後一個之後，再讓他瞬間回到第一個就好了
※ 引述《knives ()》之銘言：
: 我想做一個圖片輪播的效果
: 我的Html是這樣
: <div id="spics_wrap">
: <ul id="spics" style="margin-left: 0;">
: <li> 第一個圖片</li>
: <li> 第二個圖片</li>
: .
: .
: .
: </ul>
: </div>
: 我的想法是在最外層的spics_wrap設定css為overflow:hidden
: 然後用js去改變spics_wrap的scrollLeft來達到水平移動的效果
: 可是問題在移到最後一塊li的時候，就會變成沒有東西
: 我想到用jquery的slice來抓目前的li再append到ul後面
: var i = 0 ;
: var lis = $("li",$("#spics_wrap")); //這是ul底下的li陣列
: jQuery("#spics").append(lis.slice(i).clone());
: i++;
: 可是問題來了
: 為什麼它append的是整個ul底下的li，卻不是單獨一塊li
: 請問該怎麼做才對
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 211.75.166.220
※ 編輯: no1kk 來自: 211.75.166.220 (12/16 14:17)