连续滚动代码（javascript滚动代码）[20240426更新]

本篇文章给大家谈谈连续滚动代码，以及javascript滚动代码对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。

本文目录一览：

• 1、html滚动文字代码是什么？
• 2、图片连续循环滚动代码
• 3、html语言中，做连续不间断滚动图片的代码是什么？

html滚动文字代码是什么？

marquee direction=up behavior=scroll loop=3 scrollamount=1 scrolldelay=10 align=top bgcolor=#ffffff height=300 width=30% hspace=20 vspace=10 onmouseover=this.stop() onmouseout=this.start() 此处输入滚动内容 /marquee

◎ direction表示滚动的方向，值可以是left，right，up，down，默认为left

◎ behavior表示滚动的方式，值可以是scroll（连续滚动）slide（滑动一次）alternate（往返滚动）

◎ loop表示循环的次数，值是正整数，默认为无限循环

◎ scrollamount表示运动速度，值是正整数，默认为6

◎ scrolldelay表示停顿时间，值是正整数，默认为0，单位似乎是毫秒

◎ align表示元素的垂直对齐方式，值可以是top，middle，bottom，默认为middle

◎ bgcolor表示运动区域的背景色，值是16进制的RGB颜色，默认为白色

◎ height、width表示运动区域的高度和宽度，值是正整数（单位是像素）或百分数，默认width=100% height为标签内元素的高度

◎ hspace、vspace表示元素到区域边界的水平距离和垂直距离，值是正整数，单位是像素。

◎ onmouseover=this.stop() onmouseout=this.start()表示当鼠标以上区域的时候滚动停止，当鼠标移开的时候又继续滚动。

图片连续循环滚动代码

图片连续循环滚动代码（向上、下、左、右） 向上：

base

href=""

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

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

向下：

base

href=""

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

向左：

base

href=""

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

向右：

base

href=""

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

body

/body

/html

html语言中，做连续不间断滚动图片的代码是什么？

marquee

scrollamount="(文本滚动幅度,数值)

"

scrolldelay="（文本滚动速度，数值）"

direction="（滚动方向，left

或

right）"

bgcolor="（背景颜色）"

（html代码

或

文字）/marquee

滚动文字实例：

marquee

scrollamount="5

"

scrolldelay="50"

direction="left"

bgcolor="#ccffcc"

simple

text

text

text/marquee

滚动html代码实例：

marquee

scrollamount="5

"

scrolldelay="100"

direction="right"

bgcolor="#ccccff"

html

test

input

type

=

"button"

onclick="window.close();"

value="close

me"/marquee

关于连续滚动代码和javascript滚动代码的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。