俊俊 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
好的!谢谢你.哦现在也是用的和你一样的了,再次感谢您的分享!
天河杰 2006-2-26 21:45
楼主老大,此滚动,在Firefox1.5浏览器不滚,真的!我用Firefox1.5上你主页看了。不滚就只看见第一行的公告文字了的。
wuyilala 2006-6-16 15:27
我自己添加的内容:设置位 内容模块 并且设置为第一个显示的〔排序为第一〕那么就能正常显示了
bay 2006-10-9 10:59
感谢,已经在使用中。。。。:loveliness:
pcnanhai 2006-10-12 10:22
挺好用的谢谢楼主哟
stanly 2006-10-28 16:35
老大, 任何一个多余的html敏感符号 都会导致滚动条消失 比如单引号 ' 还有单箭头 < > 类似的
[[i] 本帖最后由 stanly 于 2006-10-28 16:39 编辑 [/i]]