超酷论坛公告美化！ FreeDiscuz 仿 滚动式公告！

D5  版公告滚动 已发布！

https://discuz.dismall.com/thread-489154-1-1.html



效果说明：


论坛公告   向上滚动一条  停止 3秒  继续滚下条！再停 ！效果好很好！


演示     http://www.aodot.net 只看公告部分哦！


技术支持    零点迷雾论坛

适用版本：


4.0  4.1 通用


需要修改部分：


模板     index.htm   
主目录  index.php


打开index.php

查找

1. <a href="announcement.php?id='.$announcement['id'].'#'.$announcement['id'].'"><span class="bold">'.$announcement['subject'].'</span> '.'('.gmdate($dateformat, $announcement['starttime'] + $timeoffset * 3600).')</a>

复制代码

在后面(不是下面)添加:

1. <br>

复制代码

打开模板  index.htm

查找

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

复制代码

修改为

1. <div id="so1">
   
2. $announcements
   
3.                 </div><div id='so2' style='position:absolute;z-index:1;visibility:hidden'></div>
   
4. <script>
   
5. marqueesHeight=16;
   
6. stopscroll=false;
   
7. document.all.so1.scrollTop=0;
   
8. with(so1){
   
9. style.width=776;
   
10. style.height=marqueesHeight;
    
11. style.overflowX='visible';
    
12. style.overflowY='hidden';
    
13. noWrap=true;
    
14. onmouseover=new Function('stopscroll=true');
    
15. onmouseout=new Function('stopscroll=false');
    
16. }
    
17. preTop=0; currentTop=0; stoptime=0;
    
18. function init_srolltext(){
    
19. document.all.so2.innerHTML='';
    
20. document.all.so2.innerHTML+=document.all.so1.innerHTML;
    
21. document.all.so1.innerHTML=document.all.so2.innerHTML+document.all.so2.innerHTML;
    
22. setInterval('scrollUp()',1);
    
23. }
    
24. function scrollUp(){
    
25. if(stopscroll==true) return;
    
26. currentTop+=1;
    
27. if(currentTop==16)
    
28. {
    
29. stoptime+=1;
    
30. currentTop-=1;
    
31. if(stoptime==300)
    
32. {
    
33. currentTop=0;
    
34. stoptime=0;
    
35. }
    
36. }
    
37. else {
    
38. preTop=document.all.so1.scrollTop;
    
39. document.all.so1.scrollTop+=1;
    
40. if(preTop==document.all.so1.scrollTop){
    
41. document.all.so1.scrollTop=document.all.so2.offsetHeight-marqueesHeight;
    
42. document.all.so1.scrollTop+=1;
    
43. }
    
44. }
    
45. }
    
46. setTimeout('init_srolltext()', 3000)
    
47. </script>

复制代码

部分论坛可能滚动次数多了会发生位移  可以修改 marqueesHeight=16;     将数字改为15测试下！

本人第一次在DZ发布插件    大家多多支持啊！

[ 本帖最后由 零点迷雾 于 2006-12-21 10:35 编辑 ]

本人测试成功   如果有朋友测试成功的话 通报下 谢谢！~~~~~~

先试一下

顶下。！

安装成功，不错！

看起来不错~

看到了 效果很好

[ 本帖最后由 零点迷雾 于 2006-5-22 13:35 编辑 ]

原帖由 零点迷雾 于 2006-5-22 13:34 发表
看到了 效果很好

首页可能比较慢，论坛不会慢
http://bbs.abuy.cc/index.php

你的CC米买了多少 啊   

进去了  速度不错   是哪的空间啊？

帮顶一下！！！！！！

速度也不错。我的也改了  http://bbs.3her.net


修正一下。那个改的index.php 按楼主的方法改了页面无法显示了。

我的是加在红色部分

        if($_DCACHE['announcements']) {
                foreach($_DCACHE['announcements'] as $announcement) {
                        $announcements .= $space.'<a href="announcement.php?id='.$announcement['id'].'#'.$announcement['id'].'"><span class="bold">'.$announcement['subject'].'</span> '.
                                '('.gmdate($dateformat, $announcement['starttime'] + $timeoffset * 3600).')</a><br>';

[ 本帖最后由 三禾菠菜 于 2006-5-22 14:01 编辑 ]