[WORDPRESS] Twitter 홈페이지에서 Top Tweets와 같은 스크롤 뉴스를 만드는 방법? (PHP)
WORDPRESSTwitter 홈페이지에서 Top Tweets와 같은 스크롤 뉴스를 만드는 방법? (PHP)
해결법
-
1.jQuery를 사용하여 div 슬라이드를 만들고보기에서 빼 낼 수 있습니다. http://docs.jquery.com/ui/effects/slide#overview.
jQuery를 사용하여 div 슬라이드를 만들고보기에서 빼 낼 수 있습니다. http://docs.jquery.com/ui/effects/slide#overview.
그런 다음 각 DIV가 데이터베이스의 주석을 포함하는 각각 고유 한 ID를 제공합니다. 숨겨진 Div 0,1,2와 3-9를 숨김으로 초기화합니다. 여기서 자바 스크립트 구조 :
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 밀리 초와 같은 무언가로 설정해야합니다. 데모
from https://stackoverflow.com/questions/4766937/how-to-make-a-scroll-news-like-top-tweets-in-twitter-homepage-php by cc-by-sa and MIT license
'WORDPRESS' 카테고리의 다른 글
| [WORDPRESS] WordPress Post의 특정 범주에 대한 사용자 지정 Permalink 사용 방법 (0) | 2020.11.24 |
|---|---|
| [WORDPRESS] WordPress 사용자 정의 게시물 유형 검색 결과 페이지 (0) | 2020.11.24 |
| [WORDPRESS] Woocommerce : 제품이 있는지 확인하십시오 (0) | 2020.11.24 |
| [WORDPRESS] 트위터 부트 스트랩의 컨테이너 내부에 100 % 너비 배경을 갖는 방법? (0) | 2020.11.23 |
| [WORDPRESS] Google Analytics 추가 WordPress 'Next_Post_Link 기능을 추가하십시오 (0) | 2020.11.23 |