正文

用JavaScript实现HTML的无缝MARQUEE2007-01-26 18:27:00

【评论】 【打印】 【字体: 】 本文链接:http://blog.pfan.cn/elove/22835.html

分享到:

<h1>无缝MARQUEE</h1>
<h3>作者 neweroica 2002-12-1 16:58</h3>
<p>使用说明</p>
<p>在&lt;marquee&gt;标签中加入onstart=noSeamMarquee(this,max,peroid,0),其中max是innerHTML最大的复制数目,比如可以取100;
peroid略小于本marquee走一个循环的大约时间(单位:秒),可以事先估计。</p>

<scrīpt>
function noSeamMarquee(obj,max,t,h){
  if(h==0)
    cont=obj.innerHTML; 
  obj.innerHTML+=cont;

  if(h>max)
    eval('clearTimeout(timer_'+obj.id+')');
  h++;
  eval('timer_'+obj.id+'=setTimeout("noSeamMarquee('+obj.id+','+max+','+t+','+h+')",'+t*1000+');');
}
</scrīpt>

<marquee id=m1 ōnstart="noSeamMarquee(this,100,20,0);this.stop()" width=500 height=100 direction=left scrollamount=3 scrolldelay=1 ōnmouseover=this.stop() ōnmouseout=this.start() bgcolor=#888888>
<img src=http://202.112.86.128/studentspace/aqyw/js/marquee/bucky_480x360.jpg height=100 width=150>
<img src=http://202.112.86.128/studentspace/aqyw/js/marquee/chemimole.gif height=100 width=150>
<img src=http://202.112.86.128/studentspace/aqyw/js/marquee/cen_480x360.jpg height=100 width=150>
<img src=http://202.112.86.128/studentspace/aqyw/js/marquee/alchemy.gif height=100 width=150 ōnload=m1.start()>
</marquee>

 

 

阅读(7531) | 评论(1)


版权声明:编程爱好者网站为此博客服务提供商,如本文牵涉到版权问题,编程爱好者网站不承担相关责任,如有版权问题请直接与本文作者联系解决。谢谢!

评论

loading...
您需要登录后才能评论,请 登录 或者 注册