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

向上:程序代码
<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自己的图片!怎么自己制作图片——工具/原料美图秀秀怎么自己制作

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