作者no1kk (心中在下雨)
看板Ajax
标题Re: [ js ] jquery slice问题
时间Thu Dec 16 14:16:27 2010
复制前几个到最後面
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)