图片循环滚动代码求:多张图片单行从左到右无间断循环滚动的代码
图片循环滚动代码 时间:2021-09-02 阅读:(
)
求一ASP网页图片循环滚动代码?
<div id="c_9">
<marquee direction="left" TrueSpeed scrollamount="1" scrolldelay="30" onMouseOver="();" 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=#> #, 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>让7张图片循环滚动播放,要首尾相连的那种 代码如下 请高手改完后发给我
<div id=demo style="overflow:hidden;height:240px;width:1000px;">
<table align=left cellpadding=0 cellspace=0 border=0><tr>
<td id=demo1 ><img src="/v2/thumb/?appid=200698&url=image%2Fx01.jpg" width="160" height="220">><img src="/v2/thumb/?appid=200698&url=image%2Fx02.jpg" width="160"
height="220"></><img src="/v2/thumb/?appid=200698&url=image%2Fx03.jpg" width="160" height="220"></><img src="/v2/thumb/?appid=200698&url=image%2Fx04.jpg" width="160"
height="220"></><img src="/v2/thumb/?appid=200698&url=image%2Fx05.jpg" width="160" height="220"></><img src="/v2/thumb/?appid=200698&url=image%2Fx06.jpg" width="160"
height="220"></><img src="/v2/thumb/?appid=200698&url=image%2Fx07.jpg" width="160" height="220"></</td><td id=demo2 ></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:180px;width:710px;">
<table align=left
cellpadding=0 cellspace=0 border=0><tr><td id=demo1_ >
<table width="710" border="0" cellspacing="0" cellpadding="2">
<tr>
<td align="center"><a href="连接地址"><img src="图片地址" width="270" height="180" border="0" style="padding:3px;border:1px solid c" /></a><br />说明文字</td>
<td align="center"><a href="连接地址"><img src="图片地址" width="270" height="180" border="0" style="padding:3px;border:1px solid c" /></a><br />说明文字</td>
<td align="center"><a href="连接地址"><img src="图片地址" width="270" height="180" border="0" style="padding:3px;border:1px solid c" /></a><br />说明文字</td>
<td align="center"><a href="连接地址"><img src="图片地址" width="270" height="180" border="0" style="padding:3px;border:1px solid c" /></a><br />说明文字</td>
<td align="center"><a href="连接地址"><img src="图片地址" width="270" height="180" border="0" style="padding:3px;border:1px solid c" /></a><br />说明文字</td>
<td align="center"><a href="连接地址"><img src="图片地址" width="270" height="180" border="0" style="padding:3px;border:1px solid c" /></a><br />说明文字</td>
<td align="center"><a href="连接地址"><img src="图片地址" width="270" height="180" border="0" style="padding:3px;border:1px solid c" /></a><br />说明文字</td>
<td align="center"><a href="连接地址"><img src="图片地址" width="270" height="180" border="0" style="padding:3px;border:1px solid c" /></a><br />说明文字</td>
<td align="center"><a href="连接地址"><img src="图片地址" width="270" height="180" border="0" style="padding:3px;border:1px solid c" /></a><br />说明文字</td>
<td align="center"><a href="连接地址"><img src="图片地址" width="270" height="180" border="0" style="padding:3px;border:1px solid c" /></a><br />说明文字</td>
<td align="center"><a href="连接地址"><img src="图片地址" width="270" height="180" border="0" style="padding:3px;border:1px solid c" /></a><br />说明文字</td>
<td align="center"><a href="连接地址"><img src="图片地址" width="270" height="180" border="0" style="padding:3px;border:1px solid c" /></a><br />说明文字</td>
<td align="center"><a href="连接地址"><img src="图片地址" width="270" height="180" border="0" style="padding:3px;border:1px solid c" /></a><br />说明文字</td>
<td align="center"><a href="连接地址"><img src="图片地址" width="270" height="180" border="0" style="padding:3px;border:1px solid c" /></a><br />说明文字</td>
<td align="center"><a href="连接地址"><img src="图片地址" width="270" height="180" border="0" style="padding:3px;border:1px solid c" /></a><br />说明文字</td>
<td align="center"><a href="连接地址"><img src="图片地址" width="270" height="180" border="0" style="padding:3px;border:1px solid c" /></a><br />说明文字</td>
<td align="center"><a href="连接地址"><img src="图片地址" width="270" height="180" border="0" style="padding:3px;border:1px solid c" /></a><br />说明文字</td>
<td align="center"><a href="连接地址"><img src="图片地址" width="270" height="180" border="0" style="padding:3px;border:1px solid c" /></a><br />说明文字</td>
<td align="center"><a href="连接地址"><img src="图片地址" width="270" height="180" border="0" style="padding:3px;border:1px solid c" /></a><br />说明文字</td>
<td align="center"><a href="连接地址"><img src="图片地址" width="270" height="180" border="0" style="padding:3px;border:1px solid c" /></a><br />说明文字</td>
</tr>
</table>
</td><td id=demo2_ ></td></tr></table></div>
<script>
var speed_=15
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>
注:需要有一定数量的图片后才可以
华为云818上云活动活动截止到8月31日。1、秒杀限时区优惠仅限一单!云服务器秒杀价低至0.59折,每日9点开抢秒杀抢购活动仅限早上9点开始,有限量库存的。2G1M云服务器低至首年69元。2、新用户折扣区优惠仅限一单!购云服务器享3折起加购主机安全及数据库。企业和个人的优惠力度和方案是不同的。比如还有.CN域名首年8元。华为云服务器CPU资源正常没有扣量。3、抽奖活动在8.4-8.31日期间注册并...
鲨鱼机房(Sharktech)我们也叫它SK机房,是一家成立于2003年的老牌国外主机商,提供的产品包括独立服务器租用、VPS主机等,自营机房在美国洛杉矶、丹佛、芝加哥和荷兰阿姆斯特丹等,主打高防产品,独立服务器免费提供60Gbps/48Mpps攻击防御。机房提供1-10Gbps带宽不限流量服务器,最低丹佛/荷兰机房每月49美元起,洛杉矶机房最低59美元/月起。下面列出部分促销机型的配置信息。机房...
buyvm正式对外开卖第四个数据中心“迈阿密”的块存储服务,和前面拉斯维加斯、纽约、卢森堡一样,依旧是每256G硬盘仅需1.25美元/月,最大支持10T硬盘。配合buyvm自己的VPS,1Gbps带宽、不限流量,在vps上挂载块存储之后就可以用来做数据备份、文件下载、刷BT等一系列工作。官方网站:https://buyvm.net支持信用卡、PayPal、支付宝付款,支付宝付款用的是加元汇率,貌似...
图片循环滚动代码为你推荐
权限表什么是DRM权限列表,怎么使用背投广告什么是POP-under广告?拜托各位了 3Q封包是什么洛克王国封包是什么意思反恐精英维护到几点反恐精英几点维护完网络黑科技华为有哪些黑科技?网络黑科技受欢迎的十大黑科技产品有哪些小时代发布会完整版在《小时代》发布会上看到有主演穿COCOON(可可尼)的衣服耶,COCOON(可可尼)有赞助这部电视剧吗?云电视是什么意思云电视怎么用机顶盒看数字电视管道通信通信管道应注意的几个问题etletl是什么
韩国虚拟主机 域名系统 中文域名查询 河南vps 上海vps 德国vps 新秒杀 狗爹 sockscap 新站长网 大容量存储 gg广告 dd444 40g硬盘 789电视网 流量计费 vip购优惠 息壤代理 国内域名 东莞主机托管 更多