Как сделать прокрутку новостей вроде Top Tweets на твиттере?(РНР) - PullRequest
Новая
       4

Как сделать прокрутку новостей вроде Top Tweets на твиттере?(РНР)

3 голосов
/ 22 января 2011

Я хочу, чтобы сайт использовал wp, и я хочу добавить прокрутку новостей, таких как Top Tweets, на домашней странице Twitter.когда пользовательские сообщения публикуют новые ответы в каждой части моей страницы, новые темы будут отображаться в этой части новостей прокрутки.все они взяты из последних 10 элементов базы данных.Как это сделать?Спасибо

1 Ответ

4 голосов
/ 22 января 2011

Используя Jquery, вы можете сделать слайд div и вывести его из поля зрения.http://docs.jquery.com/UI/Effects/Slide#overview.

Затем вы даете каждому 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>";

Это обновляется каждую секунду ... что немного быстрее ... поэтому вы должны установить его примерно на 7000 миллисекунд. демо

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...