Question

我正在制作墙板（上面有新闻提要的显示器）。我是javascript新手，但设法找到了一些资源来帮助我将RSS提要放到PHP页面上并使用CSS对其进行格式化。
到目前为止，一切都很好！
要将页面变成墙板，我想显示一个供稿项目几秒钟，然后页面必须自动滚动到下一个项目。每个供稿项都位于<div class="post">中。有人可以帮我提供一些自动滚动代码示例吗？

我试图连续滚动页面，但这并不是我想要的效果。

这是显示帖子的<div>的代码：

<div class="post">
<div class="post-head">
<h2><a class="feed_title" href="<?php echo $link; ?>"><?php echo $title; ?></a></h2>
<span><?php echo $pubDate; ?></span>
</div>
<div class="post-content">
<?php echo implode(' ', array_slice(explode(' ', $description), 0, 20)) . "..."; ?> <a href="<?php echo $link; ?>">Read more</a>
</div>
</div>

要滚动，我目前使用javascriptkit.com中的脚本：

<script language="JavaScript1.2">

var currentpos=0,alt=1,curpos1=0,curpos2=-1
function initialize(){
startit()
}
function scrollwindow(){
if (document.all)
temp=document.body.scrollTop
else
temp=window.pageYOffset
if (alt==0)
alt=1
else
alt=0
if (alt==0)
curpos1=temp
else
curpos2=temp
if (curpos1!=curpos2){
if (document.all)
currentpos=document.body.scrollTop+1
else
currentpos=window.pageYOffset+1
window.scroll(0,currentpos)
}
else{
currentpos=0
window.scroll(0,currentpos)
}
}
function startit(){
setInterval("scrollwindow()",100)
}
window.onload=initialize
</script>

我现在拥有的页面在这里可用： https://app-storage.org/mrm/rsstest.php

我想要的效果是：
1.显示第一个新闻项
2.等待几秒钟
3.平滑滚动到第二条新闻
4.在页面末尾，返回到第一项

任何帮助将不胜感激！！！

自动滚动带有RSS提要的网页，逐项

0 个答案: