SlideBox 间隔滚动效果

来源:互联网 发布:推荐淘宝上的正品韩代 编辑:程序博客网 时间:2024/04/30 09:31

SCRIPT代码

<script language="JavaScript">
function start_marquee(div,spd,step){
 obj_marquee = document.getElementById(div);
 marquee_high = parseInt(obj_marquee.style.height);
 marquee_step = marquee_high/step;
 obj_marquee.appendChild(obj_marquee.firstChild.cloneNode(true));
 setInterval ("step_c=1;setTimeout('marquee_show("+step+")',0)", spd*1000);
}
function marquee_show(step){
 obj_marquee.scrollTop += marquee_step;
 if(obj_marquee.scrollTop >= obj_marquee.children[1].offsetTop) {
  obj_marquee.scrollTop = 0;
 }
 if(step_c++ < step) setTimeout("marquee_show("+step+")", 0);
 return;
}
</script>

Body代码

<body bgcolor="#FFFFFF" text="#000000">
<table width="322" border="0" cellspacing="1" cellpadding="10" bgcolor="#CCCCCC" height="172">
<tr>
<td bgcolor="F9F9F9" valign="top">
<div id="mydiv2" style="position:absolute; width:300; height:150; z-index:2; ; overflow: hidden">
<div>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="150" align="center"><img src="
http://blog.blogchina.com/upload/2004-11-23/20041123171713546961.gif" align="absmiddle" hspace="10">我是小樱桃,请多多指教!</td>
</tr>
<tr>
<td height="150" align="center">
<p>我的<b>BLOG</b>地址:<br>
<br>
<a href="
http://cher.blogchina.com/" target="_blank">http://cher.blogchina.com/
</a></p>
<p>常来玩玩吧。:)</p>
</td>
</tr>
<tr>
<td height="150" align="center">
<p>现在演示的是<b><font color="#FF9900">SlideBox</font></b>效果。</p>
<p>很容易调用哦!:)</p>
</td>
</tr>
<tr>
<td height="150" align="center">
<p>哈哈……</p>
<p>没话说了…… =_=!!</p>
</td>
</tr>
<tr>
<td height="150" align="center">
<p>最后一帧了。0_0</p>
<p>为LeadBBS广告……</p>
<p><a href="
http://www.leadbbs.com/b/b.asp?B=230" target="_blank">http://www.leadbbs.com/b/b.asp?B=23</a></p>
</td>
</tr>
</table>
</div>
</div>
 </td>
</tr>
</table>
<script language="JavaScript">
start_marquee("mydiv2",3,10);
</script>
</body>

效果演示

原创粉丝点击