左右循环滚动代码（左右交替滚动的代码）

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

本文目录一览：

• 1、图片连续循环滚动代码
• 2、图片首尾相接左右循环滚动代码
• 3、网页图片左右循环滚动代码
• 4、DW中文字从左向右滚动几次的代码怎么添加？

图片连续循环滚动代码

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

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

图片首尾相接左右循环滚动代码

Center

table width="1024" border="0"

tr

td height="200"

DIV id=demo style="OVERFLOW: hidden; WIDTH:1024px; HEIGHT: 250px" align="center"

TABLE cellSpacing=0 cellPadding=0 align=left border=0 cellspace="0"

TBODY

TR

TD id=demo1 vAlign=top

table width="1024" border="0" align="center" cellpadding="0" cellspacing="0"

tr

td width="250"img src="images/book/book1.jpg" width="150" height="200"/td

td width="250"img src="images/book/book2.jpg" width="150" height="200"/td

td width="250"img src="images/book/book3.jpg" width="150" height="200"/td

td width="250"img src="images/book/book4.jpg" width="150" height="200"/td

td width="250"img src="images/book/lingdao.jpg" width="150" height="200"/td

td width="250"img src="images/book/shiya.jpg" width="150" height="200"/td

td width="250"img src="images/book/leshi.jpg" width="150" height="200"/td

td width="250"img src="images/book/hei.jpg" width="150" height="200"/td

td width="250"img src="images/book/riben.jpg" width="150" height="200"/td

td width="250"img src="images/book/xiaoyoushang.jpg" width="150" height="200"/td

td width="250"img src="images/book/siwei.jpg" width="150" height="200"/td

/tr

tr

td width="250" align="center"文字标签/td

td width="250" align="center"文字标签/td

td width="250" align="center"文字标签/td

td width="250" align="center"文字标签/td

td width="250" align="center"文字标签/td

td width="250" align="center"文字标签/td

td width="250" align="center"文字标签/td

td width="250" align="center"文字标签/td

td width="250" align="center"文字标签/td

td width="250" align="center"文字标签/td

td width="250" align="center"文字标签/td

/tr

/table

/TD

TD id=demo2 vAlign=top/TD/TR/TBODY

/TABLE

/DIV

div align="center"

SCRIPT

var speed=1

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

/td

/tr

/table

/Center

网页图片左右循环滚动代码

table width=514 border=0 align="center" cellpadding=0 cellspacing=0

tr

td div id=demo style="OVERFLOW: hidden;z-index: 3px; WIDTH: 514px"

table align=left border=0

tr

td id=demo1 table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0"

tr align="center" valign="middle"

%

dim n1

n1=0

%

%while not rs.eof and n1999

if rs("picurl")"" then

n1=n1+1

%

tdtable border=0 align=center cellpadding=0 cellspacing=0trtdtable border=0 align=center cellpadding=2 cellspacing=2 bgcolor='#ffffff' style="border: 0px double #FFFFFF"trtdtable border=0 align=center cellpadding=3 cellspacing=2 bgcolor='#ffffff' style="border: 1px double #666666"

tr

td align="center" valign="middle"a href="shownews.asp?id=%=rs("newsid")%" target="_blank" title="%=rs("title")%"img src='../jindian/%=rs("picurl")%' alt='点击查看详细' height="111" border="0"/a/td

/tr

/table/td/tr/table/td/trtrtd align="center"% if len(rs("title"))11 then %%=mid(rs("title"),1,11)%...%else %%=rs("title")%%end if%/td/tr/table/td

td width=4/td

% end if

rs.movenext

wend

n1=0

rs.movefirst

%

%

while not rs.eof and n1999

if rs("picurl")"" then

n1=n1+1

%

% end if

rs.movenext

wend

%

/tr

/table/td

td id=demo2 valign=top /td

/tr

/table

/div

script

var speed3=20//速度数值越大速度越慢

demo2.innerHTML=demo1.innerHTML

function Marquee(){

if(demo2.offsetWidth-demo.scrollLeft=0)

demo.scrollLeft-=demo1.offsetWidth

else{

demo.scrollLeft++

}

}

var MyMar=setInterval(Marquee,speed3)

demo.onmouseover=function() {clearInterval(MyMar)}

demo.onmouseout=function() {MyMar=setInterval(Marquee,speed3)}

/script /td

/tr

/table

DW中文字从左向右滚动几次的代码怎么添加？

以下为滚动代码，只要将其放到HTML中即可查看效果。

基本语法

marquee ... /marquee

marquee啦啦啦，我会移动耶！/marquee

方向 direction=# #=left, right

marquee direction=left啦啦啦，我从右向左移！/marquee P

marquee direction=right啦啦啦，我从左向右移！/marquee

方式 bihavior=# #=scroll, slide, alternate

marquee behavior=scroll啦啦啦，我一圈一圈绕着走！/marquee P

marquee behavior=slide啦啦啦，我只走一次就歇了！/marquee P

marquee behavior=alternate啦啦啦，我来回走耶！/marquee

循环 loop=# #=次数；若未指定则循环不止(infinite)

marquee loop=3 width=50% behavior=scroll啦啦啦，我只走 3 趟哟！/marquee P

marquee loop=3 width=50% behavior=slide啦啦啦，我只走 3 趟哟！/marquee P

marquee loop=3 width=50% behavior=alternate啦啦啦，我只走 3 趟哟！/marquee

速度 scrollamount=#

marquee scrollamount=20啦啦啦，我走得好快哟！/marquee

延时 scrolldelay=#

marquee scrolldelay=500 scrollamount=100啦啦啦，我走一步，停一停！/marquee

外观(Layout)设置

对齐方式(Align) align=# #=top, middle, bottom

font size=6

marquee align=# width=400啦啦啦，我会移动耶！/marquee

/font

对齐上沿、中间、下沿。

底色 bgcolor=#

#=rrggbb 16 进制数码，或者是下列预定义色彩：

Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime,

Fuchsia, White, Green, Purple, Silver, Yellow, Aqua

marquee bgcolor=aaaaee啦啦啦，我会移动耶！/marquee

面积 height=# width=#

marquee height=40 width=50% bgcolor=aaeeaa

啦啦啦，我会移动耶！

/marquee

空白(Margins)hspace=# vspace=#

********************************************br

嗨,

marquee hspace=20 vspace=20 width=150 bgcolor=ffaaaa align=middle啦啦啦，我会移动耶！/marquee

大家好！br

********************************************

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