官方首页 | 无图版 | BBS首页
PJBlog2最新版本下载|升级包(2007.12.23) Bo-Blog V2.1.0 到 PJBlog 2.7 的转换程序 WP 2.3 到 PJ 2.6/2.7 的转换程序 手把手教您在PJForum上传图片
PJBlog技术支持论坛使用问题总索引 手术式讲解视频教程如何制作 PJblog2.7.05终极资源包电驴免费下载 风格使用区-HOT! 凤凰行动开始!
 25 123
发新话题
打印

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

本主题由 thomas 于 2007-2-7 16:40 解除高亮

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

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

首先进入后台的界面与插件——设置模块——添加一个内容模块,模块标识和名称自定!
然后编辑该模块的HTML代码,加入如下代码,保存!
复制内容到剪贴板
代码:
<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>
里面具体内容和设置可以自己根据情况修改,有问题请回复!

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


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

TOP

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

TOP

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

TOP

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

TOP

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

TOP

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

TOP

非常感谢。懂了一点东西!
兔兔失业了......http://www.TTLL.org正式启用

决不回复任何无聊的帖子。

要无聊随你,忙着呢!

TOP

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

TOP

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

TOP

支持

TOP

 25 123
发新话题