无缝滚动代码
2007-01-17 10:51
69 查看
<DIV id=demo style="OVERFLOW: hidden; WIDTH: 100%; COLOR: #0000ff; HEIGHT: 20px; ">
<DIV id=demo1>
<table width="185" height="25" border="0" cellpadding="1" cellspacing="0" class="lan">
<tr>
<td width="185" height="25">2333333333333</td>
</tr>
<tr>
<td width="185" align="center" >2333333333333</td>
</tr>
</table>
</DIV>
<DIV id=demo2></DIV>
</DIV>
<SCRIPT language="javascript">
var speed=50;
demo2.innerHTML=demo1.innerHTML;
function Marquee(){
if(demo2.offsetTop-demo.scrollTop<=0){
demo.scrollTop-=demo1.offsetHeight;
}
else{
demo.scrollTop++;
}
}
var MyMar=setInterval(Marquee,speed);
demo.onmouseover=function() {clearInterval(MyMar)};
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)};
</SCRIPT>
<DIV id=demo1>
<table width="185" height="25" border="0" cellpadding="1" cellspacing="0" class="lan">
<tr>
<td width="185" height="25">2333333333333</td>
</tr>
<tr>
<td width="185" align="center" >2333333333333</td>
</tr>
</table>
</DIV>
<DIV id=demo2></DIV>
</DIV>
<SCRIPT language="javascript">
var speed=50;
demo2.innerHTML=demo1.innerHTML;
function Marquee(){
if(demo2.offsetTop-demo.scrollTop<=0){
demo.scrollTop-=demo1.offsetHeight;
}
else{
demo.scrollTop++;
}
}
var MyMar=setInterval(Marquee,speed);
demo.onmouseover=function() {clearInterval(MyMar)};
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)};
</SCRIPT>
相关文章推荐
- 图片水平无缝滚动的代码
- 常用JS图片滚动(无缝、平滑、上下左右滚动)代码大全
- 无缝滚动的图片代码
- js图片无缝滚动代码
- JS+CSS控制左右切换鼠标可控的无缝图片滚动代码
- js左右无缝滚动代码
- div+css+js实现无缝滚动类似marquee无缝滚动代码
- JS与HTML结合使用marquee标签实现无缝滚动效果代码
- 常用JS图片滚动(无缝、平滑、上下左右滚动)代码大全(推荐)
- 面向对象的无缝上下滚动图片特效代码
- JQuery实现文字无缝滚动效果示例代码(Marquee插件)
- 常用JS图片滚动(无缝、平滑、上下左右滚动)代码大全
- 文字图片滚动代码-无缝滚动,强!!!
- JS图片滚动代码(无缝、平滑)
- 常用JS图片滚动(无缝、平滑、上下左右滚动)代码大全
- 非常平滑的JS图片滚动特效代码,无缝循环,速度可自定义,鼠标悬停时停止。它的特点是JS和图片地址分离,这样做你就经易的从数据库动态调用每张图片的地址,方便控制,因此它非常的应用。
- JS图片滚动代码(无缝、平滑)
- JS图片滚动代码(无缝、平滑)
- 常用JS图片滚动(无缝、平滑、上下左右滚动)代码大全
- 彻底搞懂JS无缝滚动代码