我试着在这个网站的大多数页面的右手边栏上打个记号:例如,http://www.black-kite.co.uk/services。
它部分地起作用了。由于某些原因,滚动条没有到达最后一项的底部,并停止旋转。我想让它无休止地旋转。
使用的jquery如下:
$(function() {
//cache the ticker
var ticker = $("#ticker");
//wrap dt:dd pairs in divs
ticker.children().filter("dt").each(function() {
var dt = $(this),
container = $("<div>");
dt.next().appendTo(container);
dt.prependTo(container);
container.appendTo(ticker);
});
//hide the scrollbar
ticker.css("overflow", "hidden");
//animator function
function animator(currentItem) {
//work out new anim duration
var distance = currentItem.height(),
duration = (distance - Math.abs(parseInt(currentItem.css("marginTop")))) / 0.025;
//animate the first child of the ticker
currentItem.animate({ marginTop: -distance }, duration, "linear", function() {
//move current item to the bottom
currentItem.appendTo(currentItem.parent()).css("marginTop", 0);
//recurse
animator(currentItem.parent().children(":first"));
});
};
//start the ticker
animator(ticker.children(":first"));
//set mouseenter
ticker.mouseenter(function() {
//stop current animation
ticker.children().stop();
});
//set mouseleave
ticker.mouseleave(function() {
//resume animation
animator(ticker.children(":first"));
});
}); 我还做了一个jsfiddle:http://jsfiddle.net/BsjpV/
我非常感谢任何人的帮助或指示,我只是在学习jquery/javascript类型的东西!谢谢!
发布于 2013-06-29 22:32:36
无意中注释掉的一行代码是导致问题的原因……
https://stackoverflow.com/questions/17380398
复制相似问题