PJBLOG使用技巧(3)

<div style="PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 3px; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 5px; COLOR: #2e8b57; PADDING-TOP: 6px">公</div>
<div style="PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 1px; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 5px; COLOR: #2e8b57; PADDING-TOP: 6px">告</div>

<div style="MARGIN: 3px"><marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="3" scrolldelay="15" direction="left" height="15">
<font color="#999999">[时间或编号]</font><font color="#0000ff"><b>第一条公告题头</b>第一条公告内容</font>

<font color="#999999">[时间或编号]</font><font color="#0000ff"><b>第二条公告题头</b>第二条公告内容</font>

</marquee></div></div>


其中WIDTH: 98%是宽度，HEIGHT: 15px是高度(这个高度为显示一行文字)，scrollamount="3"为滚动速度，direction="left"为滚动方向(left是从右到左)。

07. 2.在日志正文上方增加一纵向滚动的公告板或广告板
===================================================
后台设置同上，代码如下：

程序代码
<div style="float:left;font-weight:bold;color:#FF0000;"> 公告：</div><div style="text-align:left;float:left;">
<div id="icefable1" style="width:500;font-size:12px;line-height:18px">
<!--以下为滚动内容-->

<li>建议使用浏览器IE6.0 或Firefox1.5，分辨率1024*768浏览本站。
<a href="bloglink.asp"><li>申请友情链接请点这里看说明后提交！</a>
<a href="http://www.creativecommons.cn/licenses/by-nc-sa/1.0/"><li>如未特别说明，本站所有内容都遵循创作共用协议。
</a>
<a href="register.asp"><li>虽然发表评论不用注册，但是为了保护您的发言权，建议您注册帐号。</a>
<a href="LoadMod.asp?plugins=GuestBookForPJBlog"><li>如果您对本站有任何建议或意见，或者想发牢骚，请点这里留言！</a>

</div><div id="icefable2" style="position:absolute;z-index:1;visibility:hidden"></div></div>
<!--以下为程序代码-->
<script>marqueesHeight=18;stopscroll=false;icefable1.scrollTop=0;with(icefable1){ style.width=0; style.height=marqueesHeight; style.overflowX="visible"; style.overflowY="hidden"; noWrap=true; onmouseover=new Function("stopscroll=true"); onmouseout=new Function("stopscroll=false");}preTop=0; currentTop=0; stoptime=0;function init_srolltext(){ icefable2.innerHTML=""; icefable2.innerHTML+=icefable1.innerHTML; icefable1.innerHTML=icefable2.innerHTML+icefable2.innerHTML;setInterval("scrollUp()",50);}function scrollUp(){ if(stopscroll==true) return; currentTop+=1; if(currentTop==19) {stoptime+=1;currentTop-=1;if(stoptime==50) {currentTop=0;stoptime=0;}}else {preTop=icefable1.scrollTop;icefable1.scrollTop+=1; if(preTop==icefable1.scrollTop){icefable1.scrollTop=icefable2.offsetHeight-marqueesHeight;icefable1.scrollTop+=1;}}}init_srolltext();</script>