0
這裏簡歷動畫代碼:http://jsfiddle.net/XqS2f/暫停/鼠標事件的jQuery
我明白我需要保存塊或類似這樣的東西不知何故當前位置......但可能存在另一種解決方案是更容易使用?
$(function() {
var startTime = new Date();
tl = $('#thumbs_list');
tl.css('overflow', 'hidden');
var slider = $('#thumbs_list_frame'),
items = slider.find('li');
var sliderHeight = slider.height(),
itemsNum = items.length,
itemHeight = items.height();
slider.css('top', '-' + (sliderHeight + itemHeight) + 'px');
var startPos = slider.css('top');
items.first().before(items.clone());
items.last().after(items.clone());
scrollItems(slider,sliderHeight,itemHeight,startPos,4);
var endTime = +new Date();
var diff = endTime - startTime;
setInterval(function(){
scrollItems(slider,sliderHeight,itemHeight,startPos,4);
}, 300);
});
function scrollItems(container,targetsHeight,increment,startPos,temps)var secs = temps * 3000;
container.mouseover(function(){
container.stop(true);
}).mouseout(function(){
//container.animate();
});
container.animate({
'top': '-' + ((targetsHeight * 2) + increment) + 'px'
}, secs, 'linear', function() {
container.css('top', startPos);
});
}
感謝您快速的解答,但不會停止......並且工作很奇怪......當你嘗試有時候保持光標一段時間,這是不會恢復時,做鼠標離開形式塊。 – qant 2013-05-12 11:52:00