图片、文字不间断向上、下、左、右滚动代码
2010-05-05 09:23
459 查看
上下左右的代码都有。里面可以是图片或文字,自己更换试试。
JS不间断向上滚动代码:
<div id=demo 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>
JS不间断向下滚动代码:
<div id=demo 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>
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>
JS不间断向上滚动代码:
<div id=demo 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>
JS不间断向下滚动代码:
<div id=demo 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>
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>
相关文章推荐
- 网页中实现文字或图片向上不间断滚动的javascript代码
- JS图片不间断滚动代码(向上,向下,向左,向右)
- (代码收藏)向上下左右不间断无缝滚动图片的效果(兼容火狐和IE)
- JS图片不间断滚动代码(向上,向下,向左,向右)
- 文字或者图片向上滚动代码
- JS向上下左右不间断无缝滚动图片代码(兼容IE火狐)
- 文字或者图片向上滚动代码
- JS图片不间断滚动代码(向上,向下,向左,向右)
- JS图片不间断滚动代码(向上,向下,向左,向右)
- js图片不间断滚动代码(向上,向下,向左,向右)
- jQuery不间断滚动效果(模拟百度新闻支持文字/图片/垂直滚动)
- 简短几句jquery代码的实现一个图片向上滚动切换。
- 图片循环滚动代码(无缝滚动)(分别向上、下、左、右)
- jquery单行文字向上滚动效果的实现代码
- JS实现div内部的文字或图片自动循环滚动代码
- 简单明了的js图片不间断滚动代码
- 文字不间断滚动(上下左右)实例代码
- JQuery文字列表向上滚动的代码
- 一段按页自动滚动文字或图片的Js代码
- 图片无缝向上滚动代码