公告横排手工修改方法for 7.1＆7.0

7.1要修改2个文件，index_header.htm和css_append.htm。
注意：此方法有少少缺陷，显示的N个公告标题的字数总和不能超过1行，否则将多行重复显示公告，影响美观。

演示：https://discuz.dismall.com/thread-1457664-1-3.html

1、index_header.htm文件（7.0公告横排的修改不需经此步，直接改第2个文件）
找到

1. <script type="text/javascript">announcement();</script>

复制代码

改为

1.         <script type="text/javascript">
   
2.                 var anndelay = 3000;
   
3.                 var annst = 0;
   
4.                 var annstop = 0;
   
5.                 var annrowcount = 0;
   
6.                 var anncount = 0;
   
7.                 var annlis = $('annbody').getElementsByTagName("LI");
   
8.                 var annrows = new Array();
   
9.                 var annstatus;
   
10. 
    
11.                 function announcementScroll() {
    
12.                         if(annstop) {
    
13.                                 annst = setTimeout('announcementScroll()', anndelay);
    
14.                                 return;
    
15.                         }
    
16.                         if(!annst) {
    
17.                                 var lasttop = -1;
    
18.                                 for(i = 0;i < annlis.length;i++) {
    
19. 
    
20.                                         if(lasttop != annlis[i].offsetTop) {
    
21.                                                 if(lasttop == -1) {
    
22.                                                         lasttop = 0;
    
23.                                                 }
    
24.                                                 annrows[annrowcount] = annlis[i].offsetTop - lasttop;
    
25.                                                 annrowcount++;
    
26.                                         }
    
27.                                         lasttop = annlis[i].offsetTop;
    
28.                                 }
    
29. 
    
30.                                 if(annrows.length == 1) {
    
31.                                         $('ann').onmouseover = $('ann').onmouseout = null;
    
32.                                 } else {
    
33.                                         annrows[annrowcount] = annrows[1];
    
34.                                         $('annbodylis').innerHTML += $('annbodylis').innerHTML;
    
35.                                         annst = setTimeout('announcementScroll()', anndelay);
    
36.                                 }
    
37.                                 annrowcount = 1;
    
38.                                 return;
    
39.                         }
    
40. 
    
41.                         if(annrowcount >= annrows.length) {
    
42.                                 $('annbody').scrollTop = 0;
    
43.                                 annrowcount = 1;
    
44.                                 annst = setTimeout('announcementScroll()', anndelay);
    
45.                         } else {
    
46.                                 anncount = 0;
    
47.                                 announcementScrollnext(annrows[annrowcount]);
    
48.                         }
    
49.                 }
    
50. 
    
51.                 function announcementScrollnext(time) {
    
52.                         $('annbody').scrollTop++;
    
53.                         anncount++;
    
54.                         if(anncount != time) {
    
55.                                 annst = setTimeout('announcementScrollnext(' + time + ')', 10);
    
56.                         } else {
    
57.                                 annrowcount++;
    
58.                                 annst = setTimeout('announcementScroll()', anndelay);
    
59.                         }
    
60.                 }
    
61.         </script>

复制代码

2、在css_append.htm文件加入以下代码：

1. #ann { margin: 5px 0 10px; padding: 2px 5px; line-height: 30px; border: solid {COMMONBORDER}; border-width: 1px 0; background: {COMMONBG}; }       
   
2. #ann dt { float: left; width: 5em; background: url({IMGDIR}/ann_icon.gif) no-repeat 0 50%; text-indent: 2em; font-weight: 700; }
   
3. #ann dd { margin-left: 30px; }
   
4.      #ann li { float: left; margin-right: 20px; padding-left: 10px; background: url({IMGDIR}/arrow_right.gif) no-repeat 0 50%; white-space: nowrap; }
   
5.         #ann li em { font-size: 0.83em; margin-left: 5px; color: {MIDTEXT}; }
   
6.    #annbody { height: 30px; overflow: hidden; padding-right: 16px; }

复制代码

公告横排滚动for dz7.2的文件已经上传，懒得自己动手修改的朋友可以下载附件。 2010.01.16

7.1如何阿？

最好给个演示效果让大家看看。这里把人说的稀里糊涂的

不知道效果怎么样！演示看看！

不错，支持一下。

最好给个演示效果让大家看看。这里把人说的稀里糊涂的
heshechang 发表于 2009-10-25 11:29

上面已经有一个演示的链接，你没看清楚不要怪别人

呵呵，我错了

说得有点不清不楚的.

教程不完善.麻烦楼主更新一下.

第一:7.1找不到此文件"index_head.htm文件"

第二:在css_append.htm文件加入以下代码：具体加在那一个位置没有说清楚.

不错啊，谢谢分享~~