求一ASP网页图片循环滚动代码?

 我来答
6个回答
#合辑# 面试问优缺点怎么回答最加分？
zjx7758258
推荐于2018-03-19 · TA获得超过108个赞
知道答主
回答量：182
采纳率：0%
帮助的人：134万
我也去答题访问个人页
展开全部
<div id="c_9">
<marquee direction="left" TrueSpeed scrollamount="1" scrolldelay="30" onMouseOver="this.stop();" onMouseOut="this.start();">
<img src="images/p_0/p_1.jpg" width="150" height="130" border="1" />
<img src="images/p_0/p_2.jpg" width="150" height="130" border="1" />
<img src="images/p_0/p_3.jpg" width="150" height="130" border="1" />
</marquee>
</div>
附：循环滚动基本语法
<marquee> ... </marquee>
移动属性的设置 ,这种移动不仅仅局限于文字，也可以应用于图片，表格等等

方向
<direction=#> #=left, right ,up ,down <marquee direction=left>从右向左移！</marquee>

方式
<bihavior=#> #=scroll, slide, alternate <marquee behavior=scroll>一圈一圈绕着走！</marquee>
<marquee behavior=slide>只走一次就歇了！</marquee>
<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>
<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=#>
<marquee hspace=20 vspace=20 width=150 bgcolor=ffaaaa align=middle>面积！</marquee>
已赞过 已踩过<
你对这个回答的评价是？
评论 收起
我的逍遥斋
2010-02-03 · 超过32用户采纳过TA的回答
知道答主
回答量：170
采纳率：100%
帮助的人：80.1万
我也去答题访问个人页
展开全部
<div id="c_9">
<marquee direction="left" TrueSpeed scrollamount="1" scrolldelay="30" onMouseOver="this.stop();" onMouseOut="this.start();">
<img src="images/p_0/p_1.jpg" width="150" height="130" border="1" />
<img src="images/p_0/p_2.jpg" width="150" height="130" border="1" />
<img src="images/p_0/p_3.jpg" width="150" height="130" border="1" />
</marquee>
</div>
附：循环滚动基本语法
<marquee> ... </marquee>
移动属性的设置 ,这种移动不仅仅局限于文字，也可以应用于图片，表格等等

方向
<direction=#> #=left, right ,up ,down <marquee direction=left>从右向左移！</marquee>

方式
<bihavior=#> #=scroll, slide, alternate <marquee behavior=scroll>一圈一圈绕着走！</marquee>
<marquee behavior=slide>只走一次就歇了！</marquee>
<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>
<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=#>
<marquee hspace=20 vspace=20 width=150 bgcolor=ffaaaa align=middle>面积！</marquee>

回答者： zjx7758258 - 三级 2010-2-3 09:45

检举 自己把不需要的删除掉。图片也可以不用表格。css float：left；

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档 </title>

<style type="text/css">
.*{font-size:12px;}
.content {width:900px;margin:0 auto;}
.pic{padding:1px; border:1px solid #B0B0B0; margin:10px auto 0px 13px; float:left;}
.top_left {float:left;}
.new_pic{text-align:center;}
</style>
</head>

<body>

<div class="content box_bor" style="margin-top:0px; height:135px;">
<DIV id=demo style="OVERFLOW: hidden; WIDTH: 900px;">
<TABLE cellSpacing=0 cellPadding=0 align=left border=0 cellspace="0">
<TBODY>
<TR>
<TD id=demo1 vAlign=top><table width="630" height="106" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="130"><div align="center" style="border:solid 1px #CCCCCC; width:136px; height:103px; margin-left:4px; padding-top:3px;"><img src="images/pic_01.jpg" width="130" height="100" border="0" /></div></td>
<td width="130"><div align="center" style="border:solid 1px #CCCCCC; width:136px; height:103px; margin-left:4px; padding-top:3px;"><img src="images/pic_02.jpg" width="130" height="100" border="0" /></div></td>
<td width="130"><div align="center" style="border:solid 1px #CCCCCC; width:136px; height:103px; margin-left:4px; padding-top:3px;"><img src="images/pic_03.jpg" width="130" height="100" border="0" /></div></td>
<td width="130"><div align="center" style="border:solid 1px #CCCCCC; width:136px; height:103px; margin-left:4px; padding-top:3px;"><img src="images/pic_04.jpg" width="130" height="100" border="0" /></div></td>
<td width="130"><div align="center" style="border:solid 1px #CCCCCC; width:136px; height:103px; margin-left:4px; padding-top:3px;"><img src="images/pic_05.jpg" width="130" height="100" border="0" /></div></td>
<td width="130"><div align="center" style="border:solid 1px #CCCCCC; width:136px; height:103px; margin-left:4px; padding-top:3px;"><img src="images/pic_06.jpg" width="130" height="100" border="0" /></div></td>
</tr>
</table></TD>
<TD id=demo2 vAlign=top> </TD></TR></TBODY></TABLE></DIV>
<script>
var speed3=25//速度数值越大速度越慢
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>

</div>

</body>
</html>
已赞过 已踩过<
你对这个回答的评价是？
评论 收起
xue_seven
2010-02-03 · TA获得超过262个赞
知道小有建树答主
回答量：315
采纳率：0%
帮助的人：194万
我也去答题访问个人页
展开全部
自己把不需要的删除掉。图片也可以不用表格。css float：left；

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档 </title>

<style type="text/css">
.*{font-size:12px;}
.content {width:900px;margin:0 auto;}
.pic{padding:1px; border:1px solid #B0B0B0; margin:10px auto 0px 13px; float:left;}
.top_left {float:left;}
.new_pic{text-align:center;}
</style>
</head>

<body>

<div class="content box_bor" style="margin-top:0px; height:135px;">
<DIV id=demo style="OVERFLOW: hidden; WIDTH: 900px;">
<TABLE cellSpacing=0 cellPadding=0 align=left border=0 cellspace="0">
<TBODY>
<TR>
<TD id=demo1 vAlign=top><table width="630" height="106" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="130"><div align="center" style="border:solid 1px #CCCCCC; width:136px; height:103px; margin-left:4px; padding-top:3px;"><img src="images/pic_01.jpg" width="130" height="100" border="0" /></div></td>
<td width="130"><div align="center" style="border:solid 1px #CCCCCC; width:136px; height:103px; margin-left:4px; padding-top:3px;"><img src="images/pic_02.jpg" width="130" height="100" border="0" /></div></td>
<td width="130"><div align="center" style="border:solid 1px #CCCCCC; width:136px; height:103px; margin-left:4px; padding-top:3px;"><img src="images/pic_03.jpg" width="130" height="100" border="0" /></div></td>
<td width="130"><div align="center" style="border:solid 1px #CCCCCC; width:136px; height:103px; margin-left:4px; padding-top:3px;"><img src="images/pic_04.jpg" width="130" height="100" border="0" /></div></td>
<td width="130"><div align="center" style="border:solid 1px #CCCCCC; width:136px; height:103px; margin-left:4px; padding-top:3px;"><img src="images/pic_05.jpg" width="130" height="100" border="0" /></div></td>
<td width="130"><div align="center" style="border:solid 1px #CCCCCC; width:136px; height:103px; margin-left:4px; padding-top:3px;"><img src="images/pic_06.jpg" width="130" height="100" border="0" /></div></td>
</tr>
</table></TD>
<TD id=demo2 vAlign=top> </TD></TR></TBODY></TABLE></DIV>
<script>
var speed3=25//速度数值越大速度越慢
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>

</div>

</body>
</html>
已赞过 已踩过<
你对这个回答的评价是？
评论 收起
清觉瓮语海
2019-07-06 · TA获得超过3857个赞
知道大有可为答主
回答量：3062
采纳率：34%
帮助的人：200万
我也去答题访问个人页
展开全部
<divid="c_9">
<marqueedirection="left"TrueSpeedscrollamount="1"scrolldelay="30"onMouseOver="this.stop();"onMouseOut="this.start();">
<imgsrc="images/p_0/p_1.jpg"width="150"height="130"border="1"/>
<imgsrc="images/p_0/p_2.jpg"width="150"height="130"border="1"/>
<imgsrc="images/p_0/p_3.jpg"width="150"height="130"border="1"/>
</marquee>
</div>
附：循环滚动基本语法
<marquee>...</marquee>
移动属性的设置,这种移动不仅仅局限于文字，也可以应用于图片，表格等等
方向
<direction=#>#=left,right,up,down<marqueedirection=left>从右向左移！</marquee>
方式
<bihavior=#>#=scroll,slide,alternate<marqueebehavior=scroll>一圈一圈绕着走！</marquee>
<marqueebehavior=slide>只走一次就歇了！</marquee>
<marqueebehavior=alternate>来回走</marquee>
循环
<loop=#>#=次数；若未指定则循环不止(infinite)<marqueeloop=3width=50%behavior=scroll>只走3趟</marquee><P>
<marqueeloop=3width=50%behavior=slide>只走3趟</marquee>
<marqueeloop=3width=50%behavior=alternate>只走3趟！</marquee>
速度
<scrollamount=#><marqueescrollamount=20>啦啦啦，我走得好快哟！</marquee>
延时
<scrolldelay=#><marqueescrolldelay=500scrollamount=100>啦啦啦，我走一步，停一停！</marquee>
外观(Layout)设置
对齐方式(Align)
<align=#>#=top,middle,bottom<fontsize=6>
<marqueealign=#width=400>啦啦啦，我会移动耶！</marquee>
</font>
底色
<bgcolor=#>#=rrggbb16进制数码，或者是下列预定义色彩：
Black,Olive,Teal,Red,Blue,Maroon,Navy,Gray,Lime,
Fuchsia,White,Green,Purple,Silver,Yellow,Aqua<marqueebgcolor=aaaaee>颜色！</marquee>
面积
<height=#width=#><marqueeheight=40width=50%bgcolor=aaeeaa>面积！</marquee>
空白
(Margins)<hspace=#vspace=#>
<marqueehspace=20vspace=20width=150bgcolor=ffaaaaalign=middle>面积！</marquee>
已赞过 已踩过<
你对这个回答的评价是？
评论 收起
汉能禄晟
2020-05-16 · TA获得超过3704个赞
知道大有可为答主
回答量：3010
采纳率：35%
帮助的人：186万
我也去答题访问个人页
展开全部
<div
id="c_9">
<marquee
direction="left"
TrueSpeed
scrollamount="1"
scrolldelay="30"
onMouseOver="this.stop();"
onMouseOut="this.start();">
<img
src="images/p_0/p_1.jpg"
width="150"
height="130"
border="1"
/>
<img
src="images/p_0/p_2.jpg"
width="150"
height="130"
border="1"
/>
<img
src="images/p_0/p_3.jpg"
width="150"
height="130"
border="1"
/>
</marquee>
</div>
附：循环滚动基本语法
<marquee>
...
</marquee>
移动属性的设置
,这种移动不仅仅局限于文字，也可以应用于图片，表格等等
方向
<direction=#>
#=left,
right
,up
,down
<marquee
direction=left>从右向左移！</marquee>
方式
<bihavior=#>
#=scroll,
slide,
alternate
<marquee
behavior=scroll>一圈一圈绕着走！</marquee>
<marquee
behavior=slide>只走一次就歇了！</marquee>
<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>
<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=#>
<marquee
hspace=20
vspace=20
width=150
bgcolor=ffaaaa
align=middle>面积！</marquee>
已赞过 已踩过<
你对这个回答的评价是？
评论 收起
收起 更多回答（4）
推荐律师服务： 若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

为你推荐：

下载百度知道APP，抢鲜体验
使用百度知道APP，立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

京ICP证030173号-1   京网文【2023】1034-029号     ©2024Baidu  使用百度前必读 | 知道协议 | 企业推广

辅 助

模 式