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

       首先进入后台的界面与插件——设置模块——添加一个内容模块,模块标识和名称自定!
然后编辑该模块的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>

Leave a comment

You must be logged in to post a comment.