图片循环滚动代码求:多张图片单行从左到右无间断循环滚动的代码
图片循环滚动代码 时间: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>
注:需要有一定数量的图片后才可以
青果网络怎么样?青果网络隶属于泉州市青果网络科技有限公司,青果网络商家成立于2015年4月1日,拥有工信部颁发的全网IDC/ISP/IP-VPN资质,是国内为数不多具有IDC/ISP双资质的综合型云计算服务商。青果网络是APNIC和CNNIC地址分配联盟成员,泉州市互联网协会会员单位,信誉非常有保障。目前,青果网络商家正式开启了618云特惠活动,针对国内外机房都有相应的优惠。点击进入:青果网络官方...
易探云怎么样?易探云香港云服务器比较有优势,他家香港BGP+CN2口碑不错,速度也很稳定。尤其是今年他们动作很大,推出的香港云服务器有4个可用区价格低至18元起,试用过一个月的用户基本会续费,如果年付的话还可以享受8.5折或秒杀价格。今天,云服务器网(yuntue.com)小编推荐一下易探云国内云服务器优惠活动,北京和深圳这二个机房的云服务器2核2G5M带宽低至330.66元/年,还有高配云服务器...
简介酷盾安全怎么样?酷盾安全,隶属于云南酷番云计算有限公司,主要提供高防CDN服务,高防服务器等,分为中国境内CDN,和境外CDN和二个产品,均支持SSL。目前CDN处于内测阶段,目前是免费的,套餐包0.01一个。3G流量(高防CDN)用完了继续续费或者购买升级包即可。有兴趣的可以看看,需要实名的。官方网站: :点击进入官网云南酷番云计算有限公司优惠方案流量3G,用完了不够再次购买或者升级套餐流量...
图片循环滚动代码为你推荐
移动开发移动应用开发好就业吗第三方接口我要开通第三方支付接口,接口金额有多大数字通信原理数字通信要怎么学文件名长度windows文件名最长能到多少?测量师三坐标测量师工资多少2g内存条2G内存是什么概念无线存储带wifi的sd卡怎么用封包是什么游戏开挂是什么意思?软件更新不可用为什么我用流量更新软件更新不了请问是什么原因????锤子手机发布会视频我如果学习好会遇见长的漂亮而且优秀的人吗?如果我学习好,长的漂亮的人会对我有好感吗?
虚拟主机99idc 二级域名查询 西部数码vps 免费cn域名 香港托管 免费ftp空间 国外空间服务商 win8.1企业版升级win10 xen 搜狗12306抢票助手 轻量 免费网络电视 嘟牛 警告本网站美国保护 全站静态化 天互数据 有益网络 me空间社区 共享主机 河南移动网 更多