向上移动的公告效果代码
分享
最近更新动漫网时 想做个公告效果 例如 phpwind 或DZ那样的
所以就整了个 具体如下:
新建一个名为 title.htm 的文件 代码如下
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 | <div>
<div id=""marqueebox""><span>
<strong><a href="http://www.dmyz.net" rel="external" target="_blank">http://www.dmyz.net</a>" target="_blank" rel="external"><a href="http://www.dmyz.net" rel="external" target="_blank">http://www.dmyz.net</a>" target="_blank"><span style="color: #ff0000;"><a href="http://www.dmyz.net" rel="external" target="_blank">http://www.dmyz.net</a>" target="_blank">动漫驿站 <a href="http://www.dmyz.net" rel="external" target="_blank">http://www.dmyz.net</a>" target="_blank">动漫免费在线观看</span></strong> (2007-10-4)
<strong><a href="http://www.dmyz.net" rel="external" target="_blank">http://www.dmyz.net</a>" target="_blank" rel="external"><a href="http://www.dmyz.net" rel="external" target="_blank">http://www.dmyz.net</a>" target="_blank"><span style="color: #ff0000;">公告使用新闻滚动效果</span></strong> (2007-9-8)
<strong><a href="http://www.dmyz.net" rel="external" target="_blank">http://www.dmyz.net</a>" target="_blank" rel="external"><a href="http://www.dmyz.net" rel="external" target="_blank">http://www.dmyz.net</a>" target="_blank"><span style="color: #ff0000;">博客空间遭和谐强行被关闭，损失惨重</span></strong> (2007-9-8)
<strong><a href="http://www.bbs.dmyz.net" rel="external" target="_blank">http://www.bbs.dmyz.net</a>" target="_blank" rel="external"><a href="http://www.bbs.dmyz.net" rel="external" target="_blank">http://www.bbs.dmyz.net</a>" target="_blank"><span style="color: #ff0000;"><a href="http://bbs.taicang8.com" target="_blank">论坛</a>被和谐.请各位会员耐心等待...</span></strong> (2007-9-5)
<strong><a href="http://dmyz.net" rel="external" target="_blank">http://dmyz.net</a>" target="_blank" rel="external"><a href="http://dmyz.net" rel="external" target="_blank">http://dmyz.net</a>" target="_blank"><span style="color: #ff0000;">空间恢复正常，<a href="http://bbs.taicang8.com" target="_blank">论坛</a>恢复正常</span></strong> (2007-9-1)
<strong><a href="http://www.dmyz.net" rel="external" target="_blank">http://www.dmyz.net</a>" target="_blank" rel="external"><a href="http://www.dmyz.net" rel="external" target="_blank">http://www.dmyz.net</a>" target="_blank">最近空间老出问题 </strong> (2007-8-30)
<strong><a href="http://www.dmyz.net" rel="external" target="_blank">http://www.dmyz.net</a>" target="_blank" rel="external"><a href="http://www.dmyz.net" rel="external" target="_blank">http://www.dmyz.net</a>" target="_blank">博客有时打开速度有点慢,打开后请等待一会儿</strong> (2007-8-22)
<strong><a href="http://www.dmyz.net" rel="external" target="_blank">http://www.dmyz.net</a>" target="_blank" rel="external"><a href="http://www.dmyz.net" rel="external" target="_blank">http://www.dmyz.net</a>" target="_blank">公告打字效果取消，改用滚动效果</strong>(2007-8-22)
<strong><a href="http://www.dmyz.net" rel="external" target="_blank">http://www.dmyz.net</a>" target="_blank" rel="external"><a href="http://www.dmyz.net" rel="external" target="_blank">http://www.dmyz.net</a>" target="_blank">数据库出现故障，现在已经修好</strong>(2007-8-22)
<strong><a href="http://www.dmyz.net" rel="external" target="_blank">http://www.dmyz.net</a>" target="_blank" rel="external"><a href="http://www.dmyz.net" rel="external" target="_blank">http://www.dmyz.net</a>" target="_blank">Google AdSense审核通过，呵呵 </strong>(2007-8-22)</span></div>
</div>
<script type="text/javascript">// <![CDATA[
function startmarquee(lh,speed,delay) {
var p=false;
var t;
var o=document.getElementById("marqueebox");
o.innerHTML+=o.innerHTML;
o.style.marginTop=0;
o.onmouseover=function(){p=true;}
o.onmouseout=function(){p=false;}
function start(){
t=setInterval(scrolling,speed);
if(!p) o.style.marginTop=parseInt(o.style.marginTop)-1+"px";
}
function scrolling(){
if(parseInt(o.style.marginTop)%lh!=0){
o.style.marginTop=parseInt(o.style.marginTop)-1+"px";
if(Math.abs(parseInt(o.style.marginTop))>=o.scrollHeight/2) o.style.marginTop=0;
}else{
clearInterval(t);
setTimeout(start,delay);
}
}
setTimeout(start,delay);
}
startmarquee(18,20,2000);
// ]]></script> |
然后新建一个 名为 title.js 的文件 代码如下:
1 | document.write("<iframe src="title.htm" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" width="410" height="14"></iframe>") |
最后
在自己首业 用这句代码调用
1 | <script type="text/javascript" language="javascript" src=""title.js""></script> |
