JS图片不间断滚动代码
2010-03-12 13:00
337 查看
JS不间断向左滚动
<div id=demo
style=overflow:hidden;height:139;width:232;background:#f4f4f4;color:#ffffff><table
align=left cellpadding=0 cellspace=0 border=0><tr><td id=demo1
valign=top><img src="http://www.makewing.com/lanren/jscode/js-0063/images/01.jpg"><img
src="http://www.makewing.com/lanren/jscode/js-0063/images/02.jpg"><img
src="http://www.makewing.com/lanren/jscode/js-0063/images/03.jpg"><img
src="http://www.makewing.com/lanren/jscode/js-0063/images/04.jpg"><img
src="http://www.makewing.com/lanren/jscode/js-0063/images/05.jpg"></td><td
id=demo2
valign=top></td></tr></table></div>
<script>
var
speed=30
demo2.innerHTML=demo1.innerHTML
function
Marquee(){
if(demo2.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft-=demo1.offsetWidth
else{
demo.scrollLeft++
}
}
var
MyMar=setInterval(Marquee,speed)
demo.onmouseover=function()
{clearInterval(MyMar)}
demo.onmouseout=function()
{MyMar=setInterval(Marquee,speed)}
</script>
JS不间断向右滚动
<div id=demo
style=overflow:hidden;height:139;width:232;background:#f4f4f4;color:#ffffff><table
align=left cellpadding=0 cellspace=0 border=0><tr><td id=demo1
valign=top><img src="http://www.makewing.com/lanren/jscode/js-0063/images/01.jpg"><img
src="http://www.makewing.com/lanren/jscode/js-0063/images/02.jpg"><img
src="http://www.makewing.com/lanren/jscode/js-0063/images/03.jpg"><img
src="http://www.makewing.com/lanren/jscode/js-0063/images/04.jpg"><img
src="http://www.makewing.com/lanren/jscode/js-0063/images/05.jpg"></td><td
id=demo2
valign=top></td></tr></table></div>
<script>
var
speed=30
demo2.innerHTML=demo1.innerHTML
demo.scrollLeft=demo.scrollWidth
function
Marquee(){
if(demo.scrollLeft<=0)
demo.scrollLeft+=demo2.offsetWidth
else{
demo.scrollLeft--
}
}
var
MyMar=setInterval(Marquee,speed)
demo.onmouseover=function()
{clearInterval(MyMar)}
demo.onmouseout=function()
{MyMar=setInterval(Marquee,speed)}
</script>
style=overflow:hidden;height:139;width:232;background:#f4f4f4;color:#ffffff><div
id=demo1>
<img src="http://www.makewing.com/lanren/jscode/js-0063/images/01.jpg
">
<img
src="http://www.makewing.com/lanren/jscode/js-0063/images/02.jpg
">
<img
src="http://www.makewing.com/lanren/jscode/js-0063/images/03.jpg
">
<img
src="http://www.makewing.com/lanren/jscode/js-0063/images/04.jpg
">
<img
src="http://www.makewing.com/lanren/jscode/js-0063/images/05.jpg
">
</div>
<div
id=demo2></div>
</div>
<script>
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>
style=overflow:hidden;height:139;width:232;background:#f4f4f4;color:#ffffff><div
id=demo1>
<img src="http://www.makewing.com/lanren/jscode/js-0063/images/01.jpg
">
<img
src="http://www.makewing.com/lanren/jscode/js-0063/images/02.jpg
">
<img
src="http://www.makewing.com/lanren/jscode/js-0063/images/03.jpg
">
<img
src="http://www.makewing.com/lanren/jscode/js-0063/images/04.jpg
">
<img
src="http://www.makewing.com/lanren/jscode/js-0063/images/05.jpg
">
</div>
<div
id=demo2></div>
</div>
<script>
var
speed=30
demo2.innerHTML=demo1.innerHTML
demo.scrollTop=demo.scrollHeight
function
Marquee(){
if(demo1.offsetTop-demo.scrollTop>=0)
demo.scrollTop+=demo2.offsetHeight
else{
demo.scrollTop--
}
}
var
MyMar=setInterval(Marquee,speed)
demo.onmouseover=function()
{clearInterval(MyMar)}
demo.onmouseout=function()
{MyMar=setInterval(Marquee,speed)}
</script>
看下这个,直接拷贝过来用就行了
向左滚动:http://www.makewing.com/lanren/code/20070724/code153529.shtml
向右滚动:http://www.makewing.com/lanren/code/20070724/code153817.shtml
向上滚动:http://www.makewing.com/lanren/code/20070724/code152941.shtml
向下滚动:http://www.makewing.com/lanren/code/20070724/code153045.shtml
<div id=demo
style=overflow:hidden;height:139;width:232;background:#f4f4f4;color:#ffffff><table
align=left cellpadding=0 cellspace=0 border=0><tr><td id=demo1
valign=top><img src="http://www.makewing.com/lanren/jscode/js-0063/images/01.jpg"><img
src="http://www.makewing.com/lanren/jscode/js-0063/images/02.jpg"><img
src="http://www.makewing.com/lanren/jscode/js-0063/images/03.jpg"><img
src="http://www.makewing.com/lanren/jscode/js-0063/images/04.jpg"><img
src="http://www.makewing.com/lanren/jscode/js-0063/images/05.jpg"></td><td
id=demo2
valign=top></td></tr></table></div>
<script>
var
speed=30
demo2.innerHTML=demo1.innerHTML
function
Marquee(){
if(demo2.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft-=demo1.offsetWidth
else{
demo.scrollLeft++
}
}
var
MyMar=setInterval(Marquee,speed)
demo.onmouseover=function()
{clearInterval(MyMar)}
demo.onmouseout=function()
{MyMar=setInterval(Marquee,speed)}
</script>
JS不间断向右滚动
<div id=demo
style=overflow:hidden;height:139;width:232;background:#f4f4f4;color:#ffffff><table
align=left cellpadding=0 cellspace=0 border=0><tr><td id=demo1
valign=top><img src="http://www.makewing.com/lanren/jscode/js-0063/images/01.jpg"><img
src="http://www.makewing.com/lanren/jscode/js-0063/images/02.jpg"><img
src="http://www.makewing.com/lanren/jscode/js-0063/images/03.jpg"><img
src="http://www.makewing.com/lanren/jscode/js-0063/images/04.jpg"><img
src="http://www.makewing.com/lanren/jscode/js-0063/images/05.jpg"></td><td
id=demo2
valign=top></td></tr></table></div>
<script>
var
speed=30
demo2.innerHTML=demo1.innerHTML
demo.scrollLeft=demo.scrollWidth
function
Marquee(){
if(demo.scrollLeft<=0)
demo.scrollLeft+=demo2.offsetWidth
else{
demo.scrollLeft--
}
}
var
MyMar=setInterval(Marquee,speed)
demo.onmouseover=function()
{clearInterval(MyMar)}
demo.onmouseout=function()
{MyMar=setInterval(Marquee,speed)}
</script>
JS不间断向上滚动
<div id=demostyle=overflow:hidden;height:139;width:232;background:#f4f4f4;color:#ffffff><div
id=demo1>
<img src="http://www.makewing.com/lanren/jscode/js-0063/images/01.jpg
">
<img
src="http://www.makewing.com/lanren/jscode/js-0063/images/02.jpg
">
<img
src="http://www.makewing.com/lanren/jscode/js-0063/images/03.jpg
">
<img
src="http://www.makewing.com/lanren/jscode/js-0063/images/04.jpg
">
<img
src="http://www.makewing.com/lanren/jscode/js-0063/images/05.jpg
">
</div>
<div
id=demo2></div>
</div>
<script>
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不间断向下滚动
<div id=demostyle=overflow:hidden;height:139;width:232;background:#f4f4f4;color:#ffffff><div
id=demo1>
<img src="http://www.makewing.com/lanren/jscode/js-0063/images/01.jpg
">
<img
src="http://www.makewing.com/lanren/jscode/js-0063/images/02.jpg
">
<img
src="http://www.makewing.com/lanren/jscode/js-0063/images/03.jpg
">
<img
src="http://www.makewing.com/lanren/jscode/js-0063/images/04.jpg
">
<img
src="http://www.makewing.com/lanren/jscode/js-0063/images/05.jpg
">
</div>
<div
id=demo2></div>
</div>
<script>
var
speed=30
demo2.innerHTML=demo1.innerHTML
demo.scrollTop=demo.scrollHeight
function
Marquee(){
if(demo1.offsetTop-demo.scrollTop>=0)
demo.scrollTop+=demo2.offsetHeight
else{
demo.scrollTop--
}
}
var
MyMar=setInterval(Marquee,speed)
demo.onmouseover=function()
{clearInterval(MyMar)}
demo.onmouseout=function()
{MyMar=setInterval(Marquee,speed)}
</script>
看下这个,直接拷贝过来用就行了
向左滚动:http://www.makewing.com/lanren/code/20070724/code153529.shtml
向右滚动:http://www.makewing.com/lanren/code/20070724/code153817.shtml
向上滚动:http://www.makewing.com/lanren/code/20070724/code152941.shtml
向下滚动:http://www.makewing.com/lanren/code/20070724/code153045.shtml
相关文章推荐
- JS图片不间断滚动代码(向上,向下,向左,向右)
- 简单明了的js图片不间断滚动代码
- JS图片不间断滚动代码(向上,向下,向左,向右)
- JS图片不间断滚动代码(向上,向下,向左,向右)
- JS向上下左右不间断无缝滚动图片代码(兼容IE火狐)
- 不间断图片滚动js代码.真正兼容火狐ie
- JS图片不间断滚动代码(向上,向下,向左,向右)
- js图片不间断滚动代码(向上,向下,向左,向右)
- Js+CSS实现的间断和不间断文本滚动代码
- 常用JS图片滚动(无缝、平滑、上下左右滚动)代码大全
- 常用JS图片滚动(无缝、平滑、上下左右滚动)代码大全(推荐)
- 不间断图片横向滚动特效代码
- 常用JS图片滚动(无缝、平滑、上下左右滚动)代码大全
- 上下左右无空隙不间断图片连续滚动代码
- js实现朝一个方向不间断的图片滚动,这是不能实现的(即最后一张图片跑完后紧接着进行第一张图片)
- js 脚本实现图片联系滚动代码
- 图片不间断向上滚动JS
- JS特效之连续不断横向滚动图片代码
- JS不间断向左滚动代码
- 网页中实现文字或图片向上不间断滚动的javascript代码