图片循环滚动代码求:多张图片单行从左到右无间断循环滚动的代码
图片循环滚动代码 时间: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>
注:需要有一定数量的图片后才可以
bgpto怎么样?bgp.to日本机房、新加坡机房的独立服务器在搞特价促销,日本独立服务器低至6.5折优惠,新加坡独立服务器低至7.5折优惠,所有优惠都是循环的,终身不涨价。服务器不限制流量,支持升级带宽,免费支持Linux和Windows server中文版(还包括Windows 10). 特色:自动部署,无需人工干预,用户可以在后台自己重装系统、重启、关机等操作!bgpto主打日本(东京、大阪...
可以看到这次国庆萤光云搞了一个不错的折扣,香港CN2产品6.5折促销,还送50的国庆红包。萤光云是2002年创立的商家,本次国庆活动主推的是香港CN2优化的机器,其另外还有国内BGP和高防服务器。本次活动力度较大,CN2优化套餐低至20/月(需买三个月,用上折扣+代金券组合),有需求的可以看看。官方网站:https://www.lightnode.cn/地区CPU内存SSDIP带宽/流量价格备注购...
月付/年付优惠码:zji 下物理服务器/VDS/虚拟主机空间订单八折终身优惠(长期有效)一、ZJI官网点击直达ZJI官方网站二、特惠香港日本服务器香港大埔:http://hkdb.speedtest.zji.net/香港葵湾:http://hkkw.speedtest.zji.net/日本大阪:http://jpsk.speedtest.zji.net/日本大阪一型 ...
图片循环滚动代码为你推荐
第三方接口支付宝第三方接口如何实现?增值税专用发票和增值税普通发票的区别普通增值税发票和专用增值税发票有区别吗?什么是机器码电脑的机器码怎么来的无线存储为什么wifi连接上了显示保存何解最好的电脑操作系统什么版本的电脑系统好用物联网公司排名求消防物联网公司排名?榜单出来了吗安卓手机用什么安全软件好手机应用软件下载哪个好用?我的手机是安卓系统的,帮忙推荐一个,谢谢人工电源网络手机开机显示选择网络是怎么回事?呼叫中心系统方案哪些呼叫中心厂商在呼叫中心系统方案建设方面好?手机证书申请手机证书申请
132邮箱 主机 siteground webhosting 创宇云 ssh帐号 免费静态空间 创梦 100m空间 免费防火墙 可外链网盘 免费申请个人网站 百度云1t 512mb 空间租赁 河南移动梦网 服务器维护 贵阳电信测速 阿里云邮箱申请 fatcow 更多