gpt4 book ai didi

javascript - 滚动内容

转载 作者:行者123 更新时间:2023-11-29 16:29:08 25 4
gpt4 key购买 nike

有谁知道是否有一个通用的 JavaScript 库可以实现许多流行网站对经常更新的内容所做的滚动?例如:http://foursquare.com/有一个很好的例子说明了我正在寻找的内容,我想如果有一个我似乎无法在谷歌中正确查询的通用js库,我想我会省去自己的麻烦。

最佳答案

我喜欢这种效果。使用 JQuery 似乎很简单。当你获得新内容时,你不能直接在页面上附加一个隐藏的div,然后使用slideDown函数吗?

事实上,在查看了源代码之后,他们就是这样做的:

<script type="text/javascript"> 
var delay = 5000;
var count = 30;
var showing = 10;
var i = 0;
function move(i) {
return function() {
$('#recent'+i).remove().css('display', 'none').prependTo('#items');
}
}
function shift() {
var toShow = (i + showing) % count;
$('#recent'+toShow).slideDown(1000, move(i));
$('#recent'+i).slideUp(1000, move(i));
i = (i + 1) % count;
setTimeout('shift()', delay);
}
$(document).ready(function() {
setTimeout('shift()', delay);
});
</script>

关于javascript - 滚动内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2323175/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com