gpt4 book ai didi

php - 如何在twitter主页上制作像Top Tweets这样的滚动新闻? (php)

转载 作者:可可西里 更新时间:2023-11-01 01:09:18 26 4
gpt4 key购买 nike

我想让一个站点使用 wp,并且我想在 Twitter 主页中添加滚动新闻,例如 Top Tweets。当自定义在我页面的每个部分发布新回复时,新主题将显示在这个滚动新闻部分。它们都来自最新的 10 项数据库。怎么做?谢谢

最佳答案

使用 Jquery,您可以使 div 滑入和滑出 View 。 http://docs.jquery.com/UI/Effects/Slide#overview .

然后你给每个 div 一个唯一的 id,每个包含来自你的数据库的评论。将 div 0,1,2 初始化为可见,将 3-9 初始化为隐藏。这里的 javascript 结构:

echo <<<CONTENT
<html>
<head>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js">
</script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<script type="text/javascript">
k=1;
setInterval("livefeed(k++)",1000);
function livefeed(i){
slide(i);
}

function slide(i){
addTop((i+3)%10);
removeBottom(i%10);
var j=((i-1)%10);
$('.livefeed').prepend($("#"+j));

}

function addTop(i){
var e=document.getElementById(i);
$("#"+i).fadeIn(1000);
}
function removeBottom(i){
$("#"+i).fadeOut(1000);
}
</script>

</head>
<body>
CONTENT;

echo "<div class='livefeed'>";
for($i=9;$i>=0;$i--){
if($i<4&&$i>0){
echo "<div id='".$i."' >This is comment $i from the database</div>";
}else{
echo "<div style='display:none' id='".$i."' >This is comment ".$i." from the database</div>";
}
}
echo "</div>";

它每秒更新一次……有点快……所以你应该将它设置为大约 7000 毫秒。 demo

关于php - 如何在twitter主页上制作像Top Tweets这样的滚动新闻? (php),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4766937/

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