PJBlog3 发布版本 v2.8.3.127 里程碑

查看完整版本: 为你的PJBLOG加上纵向滚动公告!

俊俊 2006-1-22 09:47

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

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

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

[code]<div style="border: 1px dotted #A2C66D;padding: 3px;background:#FFFFFF;"><script>
var marqueeContent = new Array();
marqueeContent[0]='<li>建议使用浏览器IE6.0 或Firefox1.5,分辨率1024*768浏览本站。';
marqueeContent[1]='<a href="bloglink.asp"  target="_blank"><li>申请友情链接请点这里看说明后提交!已提交的请确认贵站已经做上本站链接?</a>'
marqueeContent[2]='<a href="http://www.creativecommons.cn/licenses/by-nc-sa/1.0/"  target="_blank"><li>如未特别说明,本站所有内容都遵循创作共用协议。</a>'
marqueeContent[3]='<a href="register.asp"  target="_blank"><li>虽然发表评论不用注册,但是为了保护您的发言权,建议您注册帐号。</a>'
marqueeContent[4]='<a href="LoadMod.asp?plugins=GuestBookForPJBlog"  target="_blank"><li>如果您对本站有任何建议或意见,或者想发牢骚,请点这里留言!</a>'

var marqueeInterval=new Array();  
//定义一些常用而且要经常用到的变量
var marqueeId=0;
var marqueeDelay=3000;
var marqueeHeight=17;
//接下来的是定义一些要使用到的函数
function initMarquee() {
    var str=marqueeContent[0];
    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>');
    marqueeId++;
    marqueeInterval[0]=setInterval("startMarquee()",marqueeDelay);
    }
function startMarquee() {
    var str=marqueeContent[marqueeId];
        marqueeId++;
    if(marqueeId>=marqueeContent.length) marqueeId=0;
    if(marqueeBox.childNodes.length==1) {
        var nextLine=document.createElement('DIV');
        nextLine.innerHTML=str;
        marqueeBox.appendChild(nextLine);
        }
    else {
        marqueeBox.childNodes[0].innerHTML=str;
        marqueeBox.appendChild(marqueeBox.childNodes[0]);
        marqueeBox.scrollTop=0;
        }
    clearInterval(marqueeInterval[1]);
    marqueeInterval[1]=setInterval("scrollMarquee()",20);
    }
function scrollMarquee() {
    marqueeBox.scrollTop++;
    if(marqueeBox.scrollTop%marqueeHeight==(marqueeHeight-1)){
        clearInterval(marqueeInterval[1]);
        }
    }
initMarquee();
</script></div><div style="padding: 3px;"></div>
[/code]

[b][color=red]里面具体内容和设置可以自己根据情况修改,有问题请回复!

好久米来老~重新更新了一段代码,比原来的更稳定~不会有错行。[/color][/b]

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

netsnow 2006-2-26 19:56

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

evazhang 2006-2-26 20:19

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

rick 2006-2-26 20:51

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

天河杰 2006-2-26 21:45

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

独来读网 2006-3-1 22:30

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

水的回想 2006-5-8 21:39

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

promise 2006-6-16 15:10

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

wuyilala 2006-6-16 15:27

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

hhq1338 2006-6-23 12:22

支持

dqbbs 2006-6-26 07:08

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

qq9213 2006-7-14 11:26

拿来主义,拿来用一用哈,
感谢感谢!!!

俊俊 2006-9-6 10:37

顶起~重新更新了下~

bay 2006-10-9 10:59

感谢,已经在使用中。。。。:loveliness:

pcnanhai 2006-10-12 10:22

挺好用的谢谢楼主哟

Sirit 2006-10-12 13:48

收藏!:victory:

stanly 2006-10-28 16:35

老大, 任何一个多余的html敏感符号 都会导致滚动条消失 比如单引号 '  还有单箭头 < > 类似的

[[i] 本帖最后由 stanly 于 2006-10-28 16:39 编辑 [/i]]

weiking 2006-11-14 18:53

楼主这个是不是在IE6.0下面是最佳浏览效果啊?

qfwq 2006-11-15 15:50

把17改了,18就可以了!滚动就会居中!

hy221 2006-11-18 01:42

不怎么爽。。
页: [1] 2
查看完整版本: 为你的PJBLOG加上纵向滚动公告!