Discuz!模板
适用版本: |
Discuz! 7.1 |
语言编码: |
GBK简体 |
风格转换者: |
仿制 |
本帖最后由 hzacc 于 2010-01-16 10:58 编辑
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个文件)
找到- <script type="text/javascript">announcement();</script>
复制代码 改为- <script type="text/javascript">
- var anndelay = 3000;
- var annst = 0;
- var annstop = 0;
- var annrowcount = 0;
- var anncount = 0;
- var annlis = $('annbody').getElementsByTagName("LI");
- var annrows = new Array();
- var annstatus;
- function announcementScroll() {
- if(annstop) {
- annst = setTimeout('announcementScroll()', anndelay);
- return;
- }
- if(!annst) {
- var lasttop = -1;
- for(i = 0;i < annlis.length;i++) {
- if(lasttop != annlis[i].offsetTop) {
- if(lasttop == -1) {
- lasttop = 0;
- }
- annrows[annrowcount] = annlis[i].offsetTop - lasttop;
- annrowcount++;
- }
- lasttop = annlis[i].offsetTop;
- }
- if(annrows.length == 1) {
- $('ann').onmouseover = $('ann').onmouseout = null;
- } else {
- annrows[annrowcount] = annrows[1];
- $('annbodylis').innerHTML += $('annbodylis').innerHTML;
- annst = setTimeout('announcementScroll()', anndelay);
- }
- annrowcount = 1;
- return;
- }
- if(annrowcount >= annrows.length) {
- $('annbody').scrollTop = 0;
- annrowcount = 1;
- annst = setTimeout('announcementScroll()', anndelay);
- } else {
- anncount = 0;
- announcementScrollnext(annrows[annrowcount]);
- }
- }
- function announcementScrollnext(time) {
- $('annbody').scrollTop++;
- anncount++;
- if(anncount != time) {
- annst = setTimeout('announcementScrollnext(' + time + ')', 10);
- } else {
- annrowcount++;
- annst = setTimeout('announcementScroll()', anndelay);
- }
- }
- </script>
复制代码 2、在css_append.htm文件加入以下代码:- #ann { margin: 5px 0 10px; padding: 2px 5px; line-height: 30px; border: solid {COMMONBORDER}; border-width: 1px 0; background: {COMMONBG}; }
- #ann dt { float: left; width: 5em; background: url({IMGDIR}/ann_icon.gif) no-repeat 0 50%; text-indent: 2em; font-weight: 700; }
- #ann dd { margin-left: 30px; }
- #ann li { float: left; margin-right: 20px; padding-left: 10px; background: url({IMGDIR}/arrow_right.gif) no-repeat 0 50%; white-space: nowrap; }
- #ann li em { font-size: 0.83em; margin-left: 5px; color: {MIDTEXT}; }
- #annbody { height: 30px; overflow: hidden; padding-right: 16px; }
复制代码 公告横排滚动for dz7.2的文件已经上传,懒得自己动手修改的朋友可以下载附件。 2010.01.16 |
|