在HTML里图片从右到左循环滚动。而且不间断的。是什么写

主要是不间断滚动的代码是什么写。其他不用。谢谢了... 主要是不间断滚动的代码是什么写。其他不用。谢谢了展开

 我来答

4个回答

#热议# 上班途中天气原因受伤算工伤吗？

骑の誓EH31X2
2014-04-27 · 超过45用户采纳过TA的回答

知道答主

回答量：92

采纳率：0%

帮助的人：120万

我也去答题访问个人页

关注

展开全部

<!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> <title> new document </title> <meta name="generator" content="editplus" /> <meta name="author" content="" /> <meta name="keywords" content="" /> <meta name="description" content="" /> </head> <body> <div id="marquee_demo" style="overflow:hidden;width:100%;text-align:center;border:1px solid #0066cc"> <table cellspacing="0" cellpadding="3" align="center" border="0"> <tr> <td id="marquee_product1" valign="top"> <table width="100%" height="100" border="0" cellpadding="2" cellspacing="0"> <tr> <td><a href=" http://www.codefans.net "><img src=" http://www.codefans.net/jscss/demoimg/wall_s1.jpg" border=0></a></td> <td><a href="/"><img src=" http://www.codefans.net/jscss/demoimg/wall_s2.jpg" border=0></a></td> <td><a href="/"><img src=" http://www.codefans.net/jscss/demoimg/wall_s3.jpg" border=0></a></td> <td><a href="/"><img src=" http://www.codefans.net/jscss/demoimg/wall_s4.jpg" border=0></a></td> <td><a href=" http://www.codefans.net "><img src=" http://www.codefans.net/jscss/demoimg/wall_s5.jpg" border=0></a></td> <td><a href="/"><img src=" http://www.codefans.net/jscss/demoimg/wall_s6.jpg" border=0></a></td> <td><a href="/"><img src=" http://www.codefans.net/jscss/demoimg/wall_s7.jpg" border=0></a></td> <td><a href=" http://www.codefans.net "><img src=" http://www.codefans.net/jscss/demoimg/wall_s8.jpg" border=0></a></td> <td><a href="/"><img src=" http://www.codefans.net/jscss/demoimg/wall_s9.jpg" border=0></a></td> </tr> </table> </td> <td id="marquee_product2" valign="top"></td> </tr> </table> </div> <script type="text/javascript"> var speed=30; marquee_product2.innerHTML=marquee_product1.innerHTML; function Marquee(){ if(marquee_demo.scrollRight>=marquee_product1.scrollWidth){ marquee_demo.scrollLeft=0; } else{ marquee_demo.scrollLeft++; } } var MyMar=setInterval(Marquee,speed); marquee_demo.onmouseover=function(){clearInterval(MyMar);} marquee_demo.onmouseout=function(){MyMar=setInterval(Marquee,speed);} </script> </body> </html>

已赞过 已踩过<

评论收起

北京奇点星宇科技有限公司

广告2024-12-22

超百万用户使用，国内超专业文生成图平台，简单描述即可生成高质量画作，超多创意、模型品类

www.liblib.art

愈英才rp
推荐于2016-11-16 · TA获得超过455个赞

知道答主

回答量：201

采纳率：100%

帮助的人：74.5万

我也去答题访问个人页

关注

展开全部

你说的的是走马灯的效果吗？你看下这个吧 <!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=gb2312" /> <title>图片滚动</title> </head> <body> <style type="text/css"> <!-- #demo { background: #FFF; overflow:hidden; border: 1px dashed #CCC; width: 500px; } #demo img { border: 3px solid #F2F2F2; } #indemo { float: left; width: 800%; } #demo1 { float: left; } #demo2 { float: left; } --> </style> <div id="demo"> <div id="indemo"> <div id="demo1"> <a href="#"><img src="  http://www.codefans.net/jscss/demoimg/wall_s1.jpg" border="0" /></a> <a href="#"><img src="  http://www.codefans.net/jscss/demoimg/wall_s2.jpg" border="0" /></a> <a href="#"><img src="  http://www.codefans.net/jscss/demoimg/wall_s3.jpg" border="0" /></a> <a href="#"><img src="  http://codefans.net/jscss/demoimg/wall_s4.jpg" border="0" /></a> <a href="#"><img src="  http://codefans.net/jscss/demoimg/wall_s5.jpg" border="0" /></a> <a href="#"><img src="  http://codefans.net/jscss/demoimg/wall_s6.jpg" border="0" /></a> </div> <div id="demo2"></div> </div> </div> <script> <!-- var speed=10; var tab=document.getElementById("demo"); var tab1=document.getElementById("demo1"); var tab2=document.getElementById("demo2"); tab2.innerHTML=tab1.innerHTML; function Marquee(){ if(tab2.offsetWidth-tab.scrollLeft<=0) tab.scrollLeft-=tab1.offsetWidth else{ tab.scrollLeft++; } } var MyMar=setInterval(Marquee,speed); tab.onmouseover=function() {clearInterval(MyMar)}; tab.onmouseout=function() {MyMar=setInterval(Marquee,speed)}; --> </script> </body> </html>

本回答被提问者采纳

已赞过已踩过<

你对这个回答的评价是？
评论收起

冉姑娘R
推荐于2016-05-13 · 不懂写作，只会开发。

冉姑娘R

采纳数：143 获赞数：971

向TA提问私信TA

关注

展开全部

marquee 标签可以实现这个效果，代码如下：
<marquee id="affiche" align="left" behavior="scroll" bgcolor="#FF0000" direction="up" height="300" width="200" hspace="50" vspace="20" loop="-1" scrollamount="10" scrolldelay="100" onMouseOut="this.start()" onMouseOver="this.stop()"></marquee >
说明：
　　1、<marquee ></marquee >中间的内容可以为文字，图片，也可以是由程序生成的文字或图片
　　2、onMouseOut="this.start()" ：用来设置鼠标移出该区域时继续滚动
　　　 onMouseOver="this.stop()"：用来设置鼠标移入该区域时停止滚动
设定<marquee>标签内容的对齐方式
absbottom：绝对底部对齐（与g、p等字母的最下端对齐）
absmiddle：绝对中央对齐
baseline：底线对齐
bottom：底部对齐（默认）
left：左对齐
middle：中间对齐
right：右对齐
texttop：顶线对齐
top：顶部对齐

已赞过 已踩过<

评论收起

向问天弘
2014-04-27 · 超过68用户采纳过TA的回答

知道答主

回答量：122

采纳率：0%

帮助的人：123万

我也去答题访问个人页

关注

展开全部

楼上全不是正解其实正解很简单 HTML文件在<body></body>内填加以下代码 <marquee behavior=alternate>文字内容</marquee> 就可以实现文字来回滚动了 http://www.zhuei.com/?thread-285-1.html 这里还有其他文字特效代码