为你的PJBLOG加上纵向滚动公告！

俊俊

昨天有朋友留言想要本站头部公告的代码！这里我就干脆将填加方法和代码一并写出，供大家参考，其实其他的BLOG也可以参考添加的！

首先进入后台的界面与插件——设置模块——添加一个内容模块，模块标识和名称自定！
然后编辑该模块的HTML代码，加入如下代码，保存！

1. <div style="border: 1px dotted #A2C66D;padding: 3px;background:#FFFFFF;"><script>
   
2. var marqueeContent = new Array();
   
3. marqueeContent[0]='<li>建议使用浏览器IE6.0 或Firefox1.5，分辨率1024*768浏览本站。';
   
4. marqueeContent[1]='<a href="bloglink.asp"  target="_blank"><li>申请友情链接请点这里看说明后提交！已提交的请确认贵站已经做上本站链接？</a>'
   
5. marqueeContent[2]='<a href="http://www.creativecommons.cn/licenses/by-nc-sa/1.0/"  target="_blank"><li>如未特别说明，本站所有内容都遵循创作共用协议。</a>'
   
6. marqueeContent[3]='<a href="register.asp"  target="_blank"><li>虽然发表评论不用注册，但是为了保护您的发言权，建议您注册帐号。</a>'
   
7. marqueeContent[4]='<a href="LoadMod.asp?plugins=GuestBookForPJBlog"  target="_blank"><li>如果您对本站有任何建议或意见，或者想发牢骚，请点这里留言！</a>'
   
8. 
   
9. var marqueeInterval=new Array();  
   
10. //定义一些常用而且要经常用到的变量
    
11. var marqueeId=0;
    
12. var marqueeDelay=3000;
    
13. var marqueeHeight=17;
    
14. //接下来的是定义一些要使用到的函数
    
15. function initMarquee() {
    
16.     var str=marqueeContent[0];
    
17.     document.write('<div id=marqueeBox style="text-align:left;overflow:hidden;height:'+marqueeHeight+'px" onmouseover="clearInterval(marqueeInterval[0])" onmouseout="marqueeInterval[0]=setInterval(\'startMarquee()\',marqueeDelay)"><div>'+str+'</div></div>');
    
18.     marqueeId++;
    
19.     marqueeInterval[0]=setInterval("startMarquee()",marqueeDelay);
    
20.     }
    
21. function startMarquee() {
    
22.     var str=marqueeContent[marqueeId];
    
23.         marqueeId++;
    
24.     if(marqueeId>=marqueeContent.length) marqueeId=0;
    
25.     if(marqueeBox.childNodes.length==1) {
    
26.         var nextLine=document.createElement('DIV');
    
27.         nextLine.innerHTML=str;
    
28.         marqueeBox.appendChild(nextLine);
    
29.         }
    
30.     else {
    
31.         marqueeBox.childNodes[0].innerHTML=str;
    
32.         marqueeBox.appendChild(marqueeBox.childNodes[0]);
    
33.         marqueeBox.scrollTop=0;
    
34.         }
    
35.     clearInterval(marqueeInterval[1]);
    
36.     marqueeInterval[1]=setInterval("scrollMarquee()",20);
    
37.     }
    
38. function scrollMarquee() {
    
39.     marqueeBox.scrollTop++;
    
40.     if(marqueeBox.scrollTop%marqueeHeight==(marqueeHeight-1)){
    
41.         clearInterval(marqueeInterval[1]);
    
42.         }
    
43.     }
    
44. initMarquee();
    
45. </script></div><div style="padding: 3px;"></div>

复制代码

里面具体内容和设置可以自己根据情况修改，有问题请回复！

好久米来老~重新更新了一段代码，比原来的更稳定~不会有错行。

[ 本帖最后由 俊俊 于 2006-9-6 10:37 编辑 ]

netsnow

好的!谢谢你.哦现在也是用的和你一样的了,再次感谢您的分享!

evazhang

我想要横向的不知道可不可以改啊？

rick

怎么滚着滚着字就不居中了

天河杰

楼主老大，此滚动，在Firefox1.5浏览器不滚，真的！我用Firefox1.5上你主页看了。不滚就只看见第一行的公告文字了的。

独来读网

有没办法在Firefox1.5也滚动。

水的回想

非常感谢。懂了一点东西！

promise

怎么滚着滚着字就不居中了

wuyilala

我自己添加的内容：设置位 内容模块 并且设置为第一个显示的〔排序为第一〕那么就能正常显示了

hhq1338

支持