图片、文字不间断向上、下、左、右滚动代码
来源:互联网 发布:在线解码软件 编辑:程序博客网 时间:2024/04/30 00:15
上下左右的代码都有。里面可以是图片或文字,自己更换试试。
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图片(上、下、左、右)无缝滚动代码
- js图片不间断滚动代码(向上,向下,向左,向右)
- JS图片不间断滚动代码(向上,向下,向左,向右)
- JS图片不间断滚动代码(向上,向下,向左,向右)
- 实现不间断向上滚动文字的特效
- 不间断图片滚动代码
- 文字或者图片向上滚动代码
- 文字或者图片向上滚动代码
- 文字向上滚动代码
- UIButton左文字右图片,上图片下文字
- 如何实现图片的无缝循环向上,下,右滚动
- 不间断图片左右滚动代码
- symbian学习笔记——打包图片
- 产品经理的互联网行业知识测试题【转】
- 递归获取一棵树的高度
- C#串口编程步骤详解
- Flex调用远程XML数据
- 图片、文字不间断向上、下、左、右滚动代码
- vmware 导致vs2005打不开
- js取得窗口与光标
- 项目管理
- 通过界面demo进一步理解系统需求
- 注解@PostConstruct与注解@PreDestroy
- 五分钟讲清楚UML
- C#串口操作实际应用开发详解
- showModalDialog()、showModelessDialog()方法使用详解