不间断滚动特效的简单测试特效代码

网页特效

网站首页菜单导航日期时间背景图像图层样式鼠标键盘页面窗口色彩表格链接文字表单按钮计数转换游戏娱乐综合实例

您的位置: 网页特效 -> 鼠标键盘 -> 不间断滚动特效的简单测试特效代码

不间断滚动特效的简单测试特效代码

作者:本站发布时间:2008-8-30 21:50:12 发布人: admin

<div id="marquee_demo" style="overflow:hidden;width:500px;text-align:center;border:1px solid #ccc">
<table cellspacing="0" cellpadding="3" align="center" border="0">
<tr>
<td id="marquee_product1" valign="top">
<table width="800" height="100" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="180" align="center" style="padding:3px 15px 3px 15px;">1</td>
<td width="180" align="center" style="padding:3px 15px 3px 15px;">2</td>
<td width="180" align="center" style="padding:3px 15px 3px 15px;">3</td>
<td width="180" align="center" style="padding:3px 15px 3px 15px;">4</td>
<td width="180" align="center" style="padding:3px 15px 3px 15px;">5</td>
<td width="180" align="center" style="padding:3px 15px 3px 15px;">6</td>
<td width="180" align="center" style="padding:3px 15px 3px 15px;">7</td>
<td width="180" align="center" style="padding:3px 15px 3px 15px;">8</td>
</tr>
</table>
</td>
<td id="marquee_product2" valign="top"></td>
</tr>
</table>
</div>
<script type="text/javascript">
var speed=30;
marquee_product2.innerHTML=marquee_product1.innerHTML;
function Marquee(){
if(marquee_demo.scrollLeft>=marquee_product1.scrollWidth){
marquee_demo.scrollLeft=0;
}
else{
marquee_demo.scrollLeft++;
}
}
var MyMar=setInterval(Marquee,speed);
marquee_demo.onmouseover=function(){clearInterval(MyMar);}
marquee_demo.onmouseout=function(){MyMar=setInterval(Marquee,speed);}
</script>

不间断滚动特效的简单测试特效代码

将本文收藏到QQ书签与更多好友分享

上一篇：文章：滑动门类的特效下一篇：文章：纯CSS制作的新闻网站中的文章列表

网页特效

不间断滚动特效的简单测试特效代码

本类浏览排行 »

本站推荐文章 »