伪流动-运用脚本实现跑马灯效果

<table style="border:1px black solid;"><tr><td>
<div id="marquee" style="overflow:hidden;height:100px;width:210px;border:0px;padding:0px;">
  <div style="border:0px;padding:0px" id="Frist">
    <div style="height:100px;width:210px;font-size:12px">    
      这个是广告~~~~~~~~~
    </div>
    <div style="height:100px;width:210px;font-size:12px">    
      这个也是广告~~~~~~~~~~~~~~~~
    </div>
    <div style="height:100px;width:210px;font-size:12px">     
      这个怎么还是广告??????
    </div>
    <div style="height:100px;width:210px;font-size:12px">
     也给自己做个广告~~~~~~~~~~
    </div>
  </div>
  <div style="border:0px;padding:0px" id="Second">   
  </div>
</div>
</td></tr></table>

<!--脚本-->

<script language="javascript" defer>
var obj_marquee = document.getElementById("marquee");
var marquee_spd = 4000;
var step_c = 0;
function marquee_show() {
 var marquee_high = parseInt(obj_marquee.style.height);
 var step = marquee_high/10;
 if(obj_marquee.scrollTop >= obj_marquee.children[1].offsetTop) {
  obj_marquee.scrollTop = 0;
  marquee_show();
  return;
 }
 obj_marquee.scrollTop += step;
 if(step_c++ < 9) setTimeout("marquee_show()", 10);
 return;
}

Second.innerHTML = Frist.innerHTML
setInterval("step_c=0;setTimeout('marquee_show()',10)", marquee_spd);

</script>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值