带滑动的jquery div计时器
我正在使用这个代码 我需要知道是否还有其他方法可以做带滑动的jquery div计时器,jquery,html,Jquery,Html,我正在使用这个代码 我需要知道是否还有其他方法可以做 <script type="text/javascript"> var $gal = $('#divslider'), $sli = $('#divinslider'), $box = $('div',$sli), W = $gal.width(), // 500 N = $box.length, // 3 C = 0; // a counter $sli.width(W*N);
<script type="text/javascript">
var $gal = $('#divslider'),
$sli = $('#divinslider'),
$box = $('div',$sli),
W = $gal.width(), // 500
N = $box.length, // 3
C = 0; // a counter
$sli.width(W*N);
$('#prev, #next').click(function(){
C = (this.id=='next' ? ++C : --C) <0 ? N-1 : C%N;
$sli.start().animate({left: -C*W },800);
});
试试这个:-
function slide(){
C = ++C <0 ? N-1 : C%N;
$sli.stop().animate({left: -C*W },800);
}
setInterval(slide,3000); // update the timer depending upon your need.