javascript特效,信息滚动效果

< table width = " 50% "  border = " 1 " >
    
< tr >
      
< td height = " 18 " >
        
< script language = "" >
var  marqueeContent2 = new  Array();    // 滚动新闻
marqueeContent2[ 0 ] = ' <font color=red>在这里写入你的标题,这是第1行</font> ' ;
marqueeContent2[
1 ] = ' <font color=blue>在这里写入你的标题,这是第2行</font> ' ;
marqueeContent2[
2 ] = ' <font color=black>在这里写入你的标题,这是第3行</font> ' ;
marqueeContent2[
3 ] = ' <font color=green>在这里写入你的标题,这是第4行</font> ' ;
var  marqueeInterval2 = new  Array();   // 定义一些常用而且要经常用到的变量
var  marqueeId2 = 0 ;
var  marqueeDelay2 = 2800 ;
var  marqueeHeight2 = 22 ;
// 接下来的是定义一些要使用到的函数
function  initMarquee2()  {
 
var str2=marqueeContent2[0];
 document.write(
'<div id=marqueeBox2 style="overflow:hidden;height:'+marqueeHeight2+'px" οnmοuseοver="clearInterval(marqueeInterval2[0])" οnmοuseοut="marqueeInterval2[0]=setInterval('startMarquee2()',marqueeDelay2)"><div>'+str2+'</div></div>');
 marqueeId2
++;
 marqueeInterval2[
0]=setInterval("startMarquee2()",marqueeDelay2);
 }

function  startMarquee2()  {
 
var str2=marqueeContent2[marqueeId2];
  marqueeId2
++;
 
if(marqueeId2>=marqueeContent2.length) marqueeId2=0;
 
if(marqueeBox2.childNodes.length==1{
  
var nextLine2=document.createElement('DIV');
  nextLine2.innerHTML
=str2;
  marqueeBox2.appendChild(nextLine2);
  }

 
else {
  marqueeBox2.childNodes[
0].innerHTML=str2;
  marqueeBox2.appendChild(marqueeBox2.childNodes[
0]);
  marqueeBox2.scrollTop
=0;
  }

 clearInterval(marqueeInterval2[
1]);
 marqueeInterval2[
1]=setInterval("scrollMarquee2()",20);
 }

function  scrollMarquee2()  {
 marqueeBox2.scrollTop
++;
 
if(marqueeBox2.scrollTop%marqueeHeight2==(marqueeHeight2-1)){
  clearInterval(marqueeInterval2[
1]);
  }

 }

initMarquee2();
       
   
</ script >
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值