PALMisLIFE 討論區

標題: 請問站上的跑馬燈語法? [列印本頁]

作者: pipie    時間: 2009-7-22 10:17
標題: 請問站上的跑馬燈語法?
最近也架了discuz 7.0
安裝了 首頁N格插件…

但是跑馬燈的部份只能弄出這一種的:
http://www.owndream.com/gonow

不知道PIL上面的這一種跑馬燈是否有安裝外掛,還是使用語法…可以解答一下嗎?謝謝…
作者: 阿輝    時間: 2009-7-22 15:38
其實.. 老實說

因為改了太多... 就忘記了 XD
作者: 小賤健    時間: 2009-7-22 19:57
本文最後由 小賤健 於 2009-7-22 19:58 編輯

我來雞婆一下好了

  1. <div id="ann" onmouseover="annstop = 1" onmouseout="annstop = 0">
  2. <dl>
  3. <dt>公告</dt>
  4. <dd>
  5. <div id="annbody"><ul id="annbodylis"><li><a href="announcement.php?id=3">Share life with you 與你分享生活,PALMisLIFE 討論區改版中<em>(2007-4-8)</em></a></li><li><a href="announcement.php?id=4">討論區分區調整,新增 [保險與投資]、[保養與化妝]、[交通工具] 三討論區<em>(2007-4-9)</em></a></li></ul></div>
  6. </dd>
  7. </dl>
  8. </div>
  9. <script type="text/javascript">
  10. var anndelay = 3000;
  11. var annst = 0;
  12. var annstop = 0;
  13. var annrowcount = 0;
  14. var anncount = 0;
  15. var annlis = $('annbody').getElementsByTagName("LI");
  16. var annrows = new Array();
  17. var annstatus;

  18. function announcementScroll() {
  19. if(annstop) {
  20. annst = setTimeout('announcementScroll()', anndelay);
  21. return;
  22. }
  23. if(!annst) {
  24. var lasttop = -1;
  25. for(i = 0;i < annlis.length;i++) {

  26. if(lasttop != annlis[i].offsetTop) {
  27. if(lasttop == -1) {
  28. lasttop = 0;
  29. }
  30. annrows[annrowcount] = annlis[i].offsetTop - lasttop;
  31. annrowcount++;
  32. }
  33. lasttop = annlis[i].offsetTop;
  34. }

  35. if(annrows.length == 1) {
  36. $('ann').onmouseover = $('ann').onmouseout = null;
  37. } else {
  38. annrows[annrowcount] = annrows[1];
  39. $('annbodylis').innerHTML += $('annbodylis').innerHTML;
  40. annst = setTimeout('announcementScroll()', anndelay);
  41. }
  42. annrowcount = 1;
  43. return;
  44. }

  45. if(annrowcount >= annrows.length) {
  46. $('annbody').scrollTop = 0;
  47. annrowcount = 1;
  48. annst = setTimeout('announcementScroll()', anndelay);
  49. } else {
  50. anncount = 0;
  51. announcementScrollnext(annrows[annrowcount]);
  52. }
  53. }
  54. function announcementScrollnext(time) {
  55. $('annbody').scrollTop++;
  56. anncount++;
  57. if(anncount != time) {
  58. annst = setTimeout('announcementScrollnext(' + time + ')', 10);
  59. } else {
  60. annrowcount++;
  61. annst = setTimeout('announcementScroll()', anndelay);
  62. }
  63. }
  64. </script>
  65. </div>
複製代碼
PS: 上頭的 javascript 要先引用 jQuery 才可以動。
作者: zard    時間: 2009-7-22 20:13
http://www.discuz.net/viewthread.php?tid=1295469
路過亂入,不知道是不是閣下要的.




歡迎光臨 PALMisLIFE 討論區 (http://f.pil.tw/) Powered by Discuz! X2.5