一个广告从上向下翻滚的JS代码_翻滚广告代码-优快云博客

本文链接：https://blog.youkuaiyun.com/xuandhu/article/details/550927

该博客展示了使用JavaScript实现滚动广告的代码。定义了marquee_init和marquee_show函数，前者用于初始化滚动内容，后者控制滚动效果。通过设置滚动速度和步长，实现广告内容的循环滚动，同时页面使用table和div布局展示广告。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

function marquee_init() {
var obj_unit = obj_marquee.firstChild;
var n = Math.ceil(parseInt(obj_marquee.style.height) / obj_unit.offsetHeight);
for(var i=0; i<n; i++) obj_marquee.appendChild(obj_unit.cloneNode(true));
return;
}

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()", 50);
return;
}

marquee_init();
setInterval("step_c=0;setTimeout('marquee_show()',50)", marquee_spd);

</script>

<table style="border:1px black solid;"><tr><td>
<div id="marquee" style="overflow:hidden;height:60px;width:210px;border:0px;padding:0px;">
<div style="border:0px;padding:0px">
    
    <div style="height:60px;width:210px;font-size:12px">
      <a href="<a _fcksavedurl=""<a" href="http://www.kdt.cn/kdt/introduce.php" target="_blank">http://www.kdt.cn/kdt/introduce.php</a>"><img src="<a href="http://www.blueidea.com/gg/kdt/206.gif" target="_blank">http://www.blueidea.com/gg/kdt/206.gif</a>" border="0" style="width:208px"></a>
      这个是广告~~~~~~~~~
    </div>
    <div style="height:60px;width:210px;font-size:12px">
      <a href="<a href="http://www.idc2008.com/index5.htm" target="_blank">http://www.idc2008.com/index5.htm</a>"><img src="<a href="http://www.blueidea.com/gg/idc2008/208X33.gif" target="_blank">http://www.blueidea.com/gg/idc2008/208X33.gif</a>" border="0" style="width:208px"></a>
      这个也是广告~~~~~~~~~~~~~~~~
    </div>
    <div style="height:60px;width:210px;font-size:12px">
      <a href="<a href="http://www.qycity.com/" target="_blank">http://www.qycity.com/</a>"><img src="<a href="http://www.blueidea.com/gg/qycity/blueidea.gif" target="_blank">http://www.blueidea.com/gg/qycity/blueidea.gif</a>" border="0" style="width:208px"></a>
      这个怎么还是广告？？？？？？
    </div>
    <div style="height:60px;width:210px;font-size:12px">
      <a href="<a href="http://www.blueidea.com/bbs/viewuser.asp?username=windy2000" target="_blank">http://www.blueidea.com/bbs/viewuser.asp?username=windy2000</a>"><img src="<a href="http://www.blueidea.com/bbs/icon/user1.gif" target="_blank">http://www.blueidea.com/bbs/icon/user1.gif</a>" border="0"> Windy2000</a><br>
      也给自己做个广告~~~~~~~~~~
    </div>
    
</div>
</div>
</td></tr></table>