我以以下小提琴为例： http: //jsfiddle.net/GR7pg/但需要它向下移动而不是向上移动。
基本上发生的事情是我做了这一切几周，然后当我交付给客户时，他们现在希望股票代码向下移动而不是向上移动。
我能够让顶部的项目向下移动然后消失，但其余的项目仍然向上移动。我希望更熟悉 jquery 的人可以轻松更改这一点？但是我尝试了各种导致奇怪行为的调整。
非常感谢任何帮助！谢谢
(function ($) {
$.fn.extend({
vscroller: function (options) {
var settings = $.extend({ speed: 1000, stay: 4000, newsfeed: '', cache: true }, options);
return this.each(function () {
var interval = null;
var mouseIn = false;
var totalElements;
var isScrolling = false;
var h;
var t;
var wrapper = $('.news-wrapper');
var newsContents = $('.news-contents');
var i = 0;
totalElements = $.find('.news').length;
h = parseFloat($('.news:eq(0)').outerHeight());
$('.news', wrapper).each(function () {
$(this).css({ top: i++ * h });
});
t = (totalElements - 1) * h;
newsContents.mouseenter(function () {
mouseIn = true;
if (!isScrolling) {
$('.news').stop(true, false);
clearTimeout(interval);
}
});
newsContents.mouseleave(function () {
mouseIn = false;
interval = setTimeout(scroll, settings.stay);
});
interval = setTimeout(scroll, 1);
function scroll() {
if (!mouseIn && !isScrolling) {
isScrolling = true;
$('.news:eq(0)').stop(true, false).animate({ top: -h }, settings.speed, function () {
clearTimeout(interval);
var current = $('.news:eq(0)').clone(true);
current.css({ top: t });
$('.news-contents').append(current);
$('.news:eq(0)').remove();
isScrolling = false;
interval = setTimeout(scroll, settings.stay);
});
$('.news:gt(0)').stop(true, false).animate({ top: '-=' + h }, settings.speed);
}
}
});
}
});
})(jQuery);