文章/答案/技术大牛

发布

社区首页 >问答首页 >如何在twitter主页上制作像热门推文一样的滚动新闻？(php)

问如何在twitter主页上制作像热门推文一样的滚动新闻？(php)
EN

Stack Overflow用户

提问于 2011-01-22 16:45:28

回答 1查看 2K关注 0票数 3

我想使一个网站使用可湿性粉剂，我想添加一个滚动新闻，如在推特主页上的热门推文。当自定义帖子在我的页面的每一部分回复时，新的主题将显示在滚动新闻部分。它们都来自最新的10个数据库项目。如何做到这一点？谢谢

php

jquery

ajax

wordpress

回答 1

Stack Overflow用户

回答已采纳

发布于 2011-01-22 21:21:42

使用Jquery，您可以在视图中滑入和滑出div。http://docs.jquery.com/UI/Effects/Slide#overview。

然后，为每个div提供一个惟一的id，每个div都包含来自数据库的注释。将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>";

THis每秒更新一次。这有点快..。所以你应该把它设置为7000毫秒。demo

票数 4

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/4766937

复制

相似问题

问如何在twitter主页上制作像热门推文一样的滚动新闻？(php)
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在twitter主页上制作像热门推文一样的滚动新闻？(php)EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在twitter主页上制作像热门推文一样的滚动新闻？(php)
EN