html滚动方向代码(html 横向滚动)

今天给各位分享html滚动方向代码的知识，其中也会对html 横向滚动进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！

本文目录一览：

• 1、html图片向上无缝滚动代码

html图片向上无缝滚动代码

向上：程序代盯雹码

div id=demo style="overflow:hidden; width:128px; height:300px;"

div id=demo1

img src="gfjs.gif"brimg src="bxtt.gif"brimg src="bzjd.gif"br

img src="gfjs.gif"brimg src="bxtt.gif"brimg src="bzjd.gif"br

img src="gfjs.gif"brimg src="bxtt.gif"brimg src="bzjd.gif"br

img src="gfjs.gif"brimg src="bxtt.gif"brimg src="bzjd.gif"br

img src="gfjs.gif"brimg src="bxtt.gif"brimg src="bzjd.gif"br

img src="gfjs.gif"brimg src="bxtt.gif"brimg src="bzjd.gif"br

img src="gfjs.gif"brimg src="bxtt.gif"br搏芹img src="bzjd.gif"br

img src="gfjs.gif"brimg src="bxtt.gif"brimg src="bzjd.gif"br

img src="gfjs.gif"brimg src="bxtt.gif"brimg src="bzjd.gif"br

img src="gfjs.gif"brimg src="bxtt.gif"brimg src="bzjd.gif"br凯银帆

img src="gfjs.gif"brimg src="bxtt.gif"brimg src="bzjd.gif"br

/div

div id=demo2/div

/div

script language="javascript"

var speed=30

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

向下：程序代码

div id=demo style="overflow:hidden; width:128px; height:300px;"

div id=demo1

img src="gfjs.gif"brimg src="bxtt.gif"brimg src="bzjd.gif"br

img src="gfjs.gif"brimg src="bxtt.gif"brimg src="bzjd.gif"br

img src="gfjs.gif"brimg src="bxtt.gif"brimg src="bzjd.gif"br

img src="gfjs.gif"brimg src="bxtt.gif"brimg src="bzjd.gif"br

img src="gfjs.gif"brimg src="bxtt.gif"brimg src="bzjd.gif"br

img src="gfjs.gif"brimg src="bxtt.gif"brimg src="bzjd.gif"br

img src="gfjs.gif"brimg src="bxtt.gif"brimg src="bzjd.gif"br

img src="gfjs.gif"brimg src="bxtt.gif"brimg src="bzjd.gif"br

img src="gfjs.gif"brimg src="bxtt.gif"brimg src="bzjd.gif"br

img src="gfjs.gif"brimg src="bxtt.gif"brimg src="bzjd.gif"br

img src="gfjs.gif"brimg src="bxtt.gif"brimg src="bzjd.gif"br

/div

div id=demo2/div

/div

script language="javascript"

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

向左：程序代码

div id=demo style="overflow:hidden;height:100px;width:300px;"table align=left

cellpadding=0 cellspace=0 border=0trtd id=demo1 valign=topimg src="gfjs.gif"img

src="bxtt.gif"img src="bzjd.gif"img src="gfjs.gif"img src="bxtt.gif"img

src="bzjd.gif"/tdtd 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

向右：程序代码

div id=demo style="overflow:hidden;height:100px;width:300px;"table align=left

cellpadding=0 cellspace=0 border=0trtd id=demo1 valign=topimg src="gfjs.gif"img

src="bxtt.gif"img src="bzjd.gif"img src="gfjs.gif"img src="bxtt.gif"img

src="bzjd.gif"/tdtd 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

html滚动方向代码的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于html 横向滚动、html滚动方向代码的信息别忘了在本站进行查找喔。