图片循环滚动代码(无缝滚动)(分别向上、下、左、右) 文字向上无缝循环滚动

发布时间：2022年04月15日 06:51:18分享人:青烟小生来源:互联网5
向上：程序代码
<divid=demo>
<divid=demo1>
<imgsrc="gfjs.gif"><br><imgsrc="bxtt.gif"><br><imgsrc="bzjd.gif"><br>
<imgsrc="gfjs.gif"><br><imgsrc="bxtt.gif"><br><imgsrc="bzjd.gif"><br>
<imgsrc="gfjs.gif"><br><imgsrc="bxtt.gif"><br><imgsrc="bzjd.gif"><br>
<imgsrc="gfjs.gif"><br><imgsrc="bxtt.gif"><br><imgsrc="bzjd.gif"><br>
<imgsrc="gfjs.gif"><br><imgsrc="bxtt.gif"><br><imgsrc="bzjd.gif"><br>
<imgsrc="gfjs.gif"><br><imgsrc="bxtt.gif"><br><imgsrc="bzjd.gif"><br>
<imgsrc="gfjs.gif"><br><imgsrc="bxtt.gif"><br><imgsrc="bzjd.gif"><br>
<imgsrc="gfjs.gif"><br><imgsrc="bxtt.gif"><br><imgsrc="bzjd.gif"><br>
<imgsrc="gfjs.gif"><br><imgsrc="bxtt.gif"><br><imgsrc="bzjd.gif"><br>
<imgsrc="gfjs.gif"><br><imgsrc="bxtt.gif"><br><imgsrc="bzjd.gif"><br>
<imgsrc="gfjs.gif"><br><imgsrc="bxtt.gif"><br><imgsrc="bzjd.gif"><br>
</div>
<divid=demo2></div>
</div>
<scriptlanguage="javascript">
varspeed=30
demo2.innerHTML=demo1.innerHTML
functionMarquee(){
图片循环滚动代码(无缝滚动)(分别向上、下、左、右) 文字向上无缝循环滚动
if(demo2.offsetTop-demo.scrollTop<=0)
demo.scrollTop-=demo1.offsetHeight
else{
demo.scrollTop++
}
}
varMyMar=setInterval(Marquee,speed)
demo.onmouseover=function(){clearInterval(MyMar)}
demo.onmouseout=function(){MyMar=setInterval(Marquee,speed)}
</script>


向下：程序代码
<divid=demo>
<divid=demo1>
<imgsrc="gfjs.gif"><br><imgsrc="bxtt.gif"><br><imgsrc="bzjd.gif"><br>
<imgsrc="gfjs.gif"><br><imgsrc="bxtt.gif"><br><imgsrc="bzjd.gif"><br>
<imgsrc="gfjs.gif"><br><imgsrc="bxtt.gif"><br><imgsrc="bzjd.gif"><br>
<imgsrc="gfjs.gif"><br><imgsrc="bxtt.gif"><br><imgsrc="bzjd.gif"><br>
<imgsrc="gfjs.gif"><br><imgsrc="bxtt.gif"><br><imgsrc="bzjd.gif"><br>
<imgsrc="gfjs.gif"><br><imgsrc="bxtt.gif"><br><imgsrc="bzjd.gif"><br>
<imgsrc="gfjs.gif"><br><imgsrc="bxtt.gif"><br><imgsrc="bzjd.gif"><br>
<imgsrc="gfjs.gif"><br><imgsrc="bxtt.gif"><br><imgsrc="bzjd.gif"><br>
<imgsrc="gfjs.gif"><br><imgsrc="bxtt.gif"><br><imgsrc="bzjd.gif"><br>
<imgsrc="gfjs.gif"><br><imgsrc="bxtt.gif"><br><imgsrc="bzjd.gif"><br>
<imgsrc="gfjs.gif"><br><imgsrc="bxtt.gif"><br><imgsrc="bzjd.gif"><br>
</div>
<divid=demo2></div>
</div>
<scriptlanguage="javascript">
varspeed=30
demo2.innerHTML=demo1.innerHTML
demo.scrollTop=demo.scrollHeight
functionMarquee(){
if(demo1.offsetTop-demo.scrollTop>=0)
demo.scrollTop+=demo2.offsetHeight
else{
demo.scrollTop--
}
}
varMyMar=setInterval(Marquee,speed)
demo.onmouseover=function(){clearInterval(MyMar)}
demo.onmouseout=function(){MyMar=setInterval(Marquee,speed)}
</script>


向左：程序代码
<divid=demo><tablealign=left
cellpadding=0cellspace=0border=0><tr><tdid=demo1valign=top><imgsrc="gfjs.gif"><img
src="bxtt.gif"><imgsrc="bzjd.gif"><imgsrc="gfjs.gif"><imgsrc="bxtt.gif"><img
src="bzjd.gif"></td><tdid=demo2valign=top></td></tr></table></div>
<script>
varspeed=30
demo2.innerHTML=demo1.innerHTML
functionMarquee(){
if(demo2.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft-=demo1.offsetWidth
else{
demo.scrollLeft++
}
}
varMyMar=setInterval(Marquee,speed)
demo.onmouseover=function(){clearInterval(MyMar)}
demo.onmouseout=function(){MyMar=setInterval(Marquee,speed)}
</script>




向右：程序代码
<divid=demo><tablealign=left
cellpadding=0cellspace=0border=0><tr><tdid=demo1valign=top><imgsrc="gfjs.gif"><img
src="bxtt.gif"><imgsrc="bzjd.gif"><imgsrc="gfjs.gif"><imgsrc="bxtt.gif"><img
src="bzjd.gif"></td><tdid=demo2valign=top></td></tr></table></div>
<script>
varspeed=30
demo2.innerHTML=demo1.innerHTML
demo.scrollLeft=demo.scrollWidth
functionMarquee(){
if(demo.scrollLeft<=0)
demo.scrollLeft+=demo2.offsetWidth
else{
demo.scrollLeft--
}
}
varMyMar=setInterval(Marquee,speed)
demo.onmouseover=function(){clearInterval(MyMar)}
demo.onmouseout=function(){MyMar=setInterval(Marquee,speed)}
</script>

  
文字向上无缝循环滚动 

爱华网本文地址 » http://www.413yy.cn/a/25101017/365195.html

更多阅读

海尔洗衣机故障代码和解决办法 海尔洗衣机故障代码f2

海尔洗衣机故障代码和解决办法——简介现在的家电越来越自动化，智能化。我家最近就买了一台海尔滚筒洗衣机，但是洗衣机的屏幕上会出现一些代码，开始不懂，最后找到说明书才明白，原来出现什么代码对应的就是问题，具体如下：海尔洗衣机故障代

为什么QQ接收不到图片？接收不到怎么办？ qq接收不到图片 空白

为什么QQ接收不到图片？接收不到怎么办？——简介最近在公司使用QQ和客户联系，但是对方发来的图片总是收不到，该如何是好？以下为自己的一个经验分享，希望对大家有用。为什么QQ接收不到图片？接收不到怎么办？——检查网络是否稳定！为什么QQ接收

罗汉床鉴赏 罗汉床图片

罗汉床是由汉代的榻逐渐演变而来的。榻，本是专门的坐具，经过五代码宋无时期的发展，形体由小变大，成为可供数人同会的大器具，已经具备了坐和卧两种功能。后来又在座面上加了围子，成为罗汉床。罗汉床，是专指左、右及后面装有围栏的一种床。围

怎么自己制作图片 相片动画制作

怎么自己制作图片——简介 看到网上很多精美的图片其实是自己制作的，那么我们呢怎么自己制作图片？比如美化、添加文字、加边框、加饰品等等。。。今天小编就教大家DIY自己的图片！怎么自己制作图片——工具/原料美图秀秀怎么自己制作

声明:《图片循环滚动代码(无缝滚动)(分别向上、下、左、右) 文字向上无缝循环滚动》为网友青烟小生分享！如侵犯到您的合法权益请联系我们删除