PJBlog3 2.8.5.157 新版发布下载\|升级(2008.8.26)	来给PJ3提提发展建议	2008版 PJHOME 珍藏/纪念版官方T恤正式发布！	PJ3内测团队主创人员身份，性格，特点吐血大曝光
PJBlog技术支持论坛使用问题总索引	PJ-Blog 3 斑竹日志	【独家】我使用过的三种空间，与客服的精彩故事	Z-Blog,Wordpress,Bo-Blog转换到PJBlog

[PJblog^3]技术支持论坛 - PJBLOG SUPPORT FORUM » 『插件、拓展代码使用/讨论区』 » 『插件、拓展代码整理/修改集』 » 为你的PJBLOG加上纵向滚动公告

打印

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

daixuan

PJFORUM新人

Rank: 3 Rank: 3 Rank: 3

UID: 10712
帖子: 22
精华: 0
积分: 382
PJ币: 86 元
专长
在线时间: 36 小时
注册时间: 2006-6-4

发短消息
加为好友
当前离线

1^# 大中小发表于 2008-3-18 00:03 只看该作者

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

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

演示：http://www.shawei.cn

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

TOP

beike

PJFORUM老会员

Rank: 8 Rank: 8

UID: 62721
帖子: 251
精华: 0
积分: 1311
PJ币: 371 元
专长
在线时间: 106 小时
注册时间: 2008-5-22

发短消息
加为好友
当前离线

2^# 大中小发表于 2008-5-24 21:05 只看该作者

这个功能不错，利用这个原理，可以自己加入很多需要的模块。

酷八一博客

TOP

cxd44

PJFORUM老会员

Rank: 8 Rank: 8

UID: 18071
帖子: 265
精华: 0
积分: 985
PJ币: 458 元
专长
在线时间: 72 小时
注册时间: 2006-9-5

发短消息
加为好友
当前离线

3^# 大中小发表于 2008-5-25 00:04 只看该作者

谢谢共享，但是这个已经有插件了，

我的博客很美丽哦http://www.my0668.cn/blog/
QQ956049

TOP

chuanshuolian

『龍づ城』站长：龍城石头

PJFORUM老会员

Rank: 8 Rank: 8

『龍づ城』站长

UID: 58020
帖子: 131
精华: 0
积分: 1112
PJ币: 285 元
专长
在线时间: 98 小时
注册时间: 2008-3-5

发短消息
加为好友
当前在线

4^# 大中小发表于 2008-5-25 11:35 只看该作者

呵呵

<BODY leftMargin=0 topMargin=2 marginheight="0" marginwidth="0">
<CENTER>
  <TABLE
style="BORDER-RIGHT: #666666 1px solid; BORDER-TOP: #666666 1px solid; BORDER-LEFT: #666666 1px solid; BORDER-BOTTOM: #666666 1px solid"
cellSpacing=0 cellPadding=0 width=750 align=center border=0>
  <TBODY>
  <TR>
<TD>
   <DIV id=demo style="OVERFLOW: hidden; WIDTH: 100%; COLOR: #ffffff">
   <TABLE cellSpacing=0 cellPadding=0 align=left border=0 cellspace="0">
      <TBODY>
      <TR>
      <TD id=demo1 vAlign=top><table width="1710" height="116"  border="0" cellpadding="0" cellspacing="0">
         <tr>
            <td width="171" background="images/pic_bg.jpg"><div align="center">1</div></td>
            <td width="171" background="images/pic_bg.jpg"><div align="center">
            <p>2</p>
            </div></td>
            <td width="171" background="images/pic_bg.jpg"><div align="center">3</div></td>
            <td width="171" background="images/pic_bg.jpg"><div align="center">4</div></td>
            <td width="171" background="images/pic_bg.jpg"><div align="center">5</div></td>
            <td width="171" background="images/pic_bg.jpg"><div align="center">6</div></td>
            <td width="171" background="images/pic_bg.jpg"><div align="center">7</div></td>
            <td width="171" background="images/pic_bg.jpg"><div align="center">8</div></td>
            <td width="171" background="images/pic_bg.jpg"><div align="center">9</div></td>
            <td width="171" background="images/pic_bg.jpg"><div align="center">10</div></td>
         </tr>
      </table></TD>
      <TD id=demo2 vAlign=top> </TD></TR></TBODY></TABLE></DIV>
   <SCRIPT>
var speed3=25//速度数值越大速度越慢
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft-=demo1.offsetWidth
else{
demo.scrollLeft++
}
}
var MyMar=setInterval(Marquee,speed3)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed3)}
</SCRIPT>
</TD></TR></TBODY></TABLE></TD></TR></TABLE>

里面图片的部分换成图片
就好了啊

TOP

‹‹ 上一主题 | 下一主题 ››