我想让网站使用wp,并且要在Twitter主页中添加滚动新闻,例如Top Tweets.当自定义项在页面的每个部分中发布新的答复时,新主题将显示在此滚动新闻部分中.它们都来自数据库的最新10项.怎么做？谢谢
解决方法:
使用Jquery可以使div滑入和滑出视图.
http://docs.jquery.com/UI/Effects/Slide#overview.
然后,给每个div一个唯一的ID,每个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
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。
