仿FreeDiscuz滚动式公告

演示:

http://www.freediscuz.net/bbs/index.php


方法:


1. templates/defalult/index.htm[模板文件]注意别的模板也要改

查找:

1. <marquee direction="left" scrollamount="3" onMouseOver="this.stop();" onMouseOut="this.start();">
   
2.                 $announcements
   
3.                 </marquee>

复制代码

[安装了首页四格TOPLIST插件的]查找:

1. <marquee onMouseOver="this.stop();" onMouseOut="this.start();" TrueSpeed scrollamount=1 scrolldelay=25 direction="left">$announcements</marquee>

复制代码

替换为:

1. 
   
2. <script language="javascript">
   
3.         var marqueeContent=new Array();
   
4.         $announcements
   
5.         initMarquee();
   
6. </script>
   

复制代码

2.include/common.js

文章的最后加入:

1. 
   
2. var marqueeInterval=new Array();
   
3. var marqueeId=0;
   
4. var marqueeDelay=3000;
   
5. var marqueeHeight=15;
   
6. function initMarquee() {
   
7.         var str=marqueeContent[0];
   
8.         document.write('<div id=marqueeBox style="overflow:hidden;height:'+marqueeHeight+'px" onmouseover="clearInterval(marqueeInterval[0])" onmouseout="marqueeInterval[0]=setInterval(\'startMarquee()\',marqueeDelay)"><div>'+str+'</div></div>');
   
9.         marqueeId++;
   
10.         marqueeInterval[0]=setInterval("startMarquee()",marqueeDelay);
    
11. }
    
12. 
    
13. function startMarquee() {
    
14.         var str=marqueeContent[marqueeId];
    
15.         marqueeId++;
    
16.         if(marqueeId>=marqueeContent.length) marqueeId=0;
    
17.         if(document.getElementById('marqueeBox').childNodes.length==1) {
    
18.                 var nextLine=document.createElement('DIV');
    
19.                 nextLine.innerHTML=str;
    
20.                 document.getElementById('marqueeBox').appendChild(nextLine);
    
21.         } else {
    
22.                 document.getElementById('marqueeBox').childNodes[0].innerHTML=str;
    
23.                 document.getElementById('marqueeBox').appendChild(document.getElementById('marqueeBox').childNodes[0]);
    
24.                 document.getElementById('marqueeBox').scrollTop=0;
    
25.         }
    
26.         clearInterval(marqueeInterval[1]);
    
27.         marqueeInterval[1]=setInterval("scrollMarquee()",20);
    
28. }
    
29. 
    
30. function scrollMarquee() {
    
31.         document.getElementById('marqueeBox').scrollTop++;
    
32.         if(document.getElementById('marqueeBox').scrollTop%marqueeHeight==(marqueeHeight-1)){
    
33.                 clearInterval(marqueeInterval[1]);
    
34.         }
    
35. }
    
36. 
    

复制代码

3.index.php

查找:

1. $navigation = $navtitle = '';

复制代码

再查找:

1. unset($_DCACHE['announcements']);

复制代码

把中间的部分替换为[不包含以上两段]:

1. 
   
2.         $announcements = $space = '';
   
3.         $announcementn = 0;
   
4.         if($_DCACHE['announcements']) {
   
5.                 foreach($_DCACHE['announcements'] as $announcement) {
   
6.                         $announcements .= 'marqueeContent['.$announcementn.']=\'<a href="announcement.php?id='.$announcement['id'].'#'.$announcement['id'].'"><span class="bold">'.$announcement['subject'].'</span> ('.gmdate($dateformat, $announcement['starttime'] + $timeoffset * 3600).')</a>\';
   
7. ';
   
8.                         $announcementn++;
   
9.                 }
   
10.         }
    

复制代码

完工...如果有问题就反馈一下,因为时间太急没有很充分的做测试工作.

[ 本帖最后由 oytktk 于 2007-8-24 09:12 编辑 ]

服了~JS没一个看得懂的。

原帖由 sw08 于 2006-7-13 15:02 发表服了~JS没一个看得懂的。

兄弟有开始动起来了

前排支持

N年没见到你啦？？？？

好久没见到飒哥啦

- -我88偷我东西.....

88偷这个试试.
http://www.freediscuz.net/bbs/re ... ndpost&pid=1920
多重引用

:):):)
P.S.有个BUG.
88没发现.我在那里也没更新.
88试试只发布一个公告.然后盯着看第一个滚动的出来了什么.