我想让一个网站使用wp,我想在twitter主页上添加一个类似热门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

关于php - 如何在Twitter主页上制作热门推文等滚动新闻? (PHP),我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/4766937/

10-11 08:21