图片循环滚动代码求:多张图片单行从左到右无间断循环滚动的代码
图片循环滚动代码 时间: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>
注:需要有一定数量的图片后才可以
台湾云服务器去哪里买?国内有没有哪里的台湾云服务器这块做的比较好的?有很多用户想用台湾云服务器,那么判断哪家台湾云服务器好,不是按照最便宜或最贵的选择,而是根据您的实际使用目的选择服务器,只有最适合您的才是最好的。总体而言,台湾云服务器的稳定性确实要好于大陆。今天,云服务器网(yuntue.com)小编来介绍一下台湾云服务器哪里买和一年需要多少钱!一、UCloud台湾云服务器UCloud上市云商,...
VPSDime是2013年成立的国外VPS主机商,以大内存闻名业界,主营基于OpenVZ和KVM虚拟化的Linux套餐,大内存、10Gbps大带宽、大硬盘,有美国西雅图、达拉斯、新泽西、英国、荷兰机房可选。在上个月搞了一款达拉斯Linux系统VPS促销,详情查看:VPSDime夏季促销:美国达拉斯VPS/2G内存/2核/20gSSD/1T流量/$20/年,此次推出一款Windows VPS,依然是...
商家介绍:创梦云是来自国内的主机销售商,成立于2018年4月30日,创梦云前期主要从事免备案虚拟主机产品销售,现在将提供5元挂机宝、特惠挂机宝、香港云服务器、美国云服务器、低价挂机宝等产品销售。主打高性价比高稳定性挂机宝、香港云服务器、美国云服务器、香港虚拟主机、美国虚拟主机。官方网站:http://cmy0.vnetdns.com本次促销产品:地区CPU内存硬盘带宽价格购买地址香港特价云服务器1...
图片循环滚动代码为你推荐
余额宝收益走势图现在余额宝大概每万份收益是多少?文件保护word保护文档怎么取消360网络收藏夹360浏览器的网络收藏夹怎么导出啊?混乱模式拳皇2002的李梅怎么进入混乱模式?化学键理论价键理论和分子轨道理论的主要区别是什么云电视是什么意思怎样连接云电视wps表格数据恢复wps文件没保存怎么恢复wps表格数据恢复Wps表格怎么恢复数据程序文件源程序文件是什么2000w数据怎么打开vivo手机怎么开数据
电信服务器租赁 singlehop mediafire下载 100x100头像 seednet 789电视网 hostloc 泉州电信 秒杀汇 酷番云 支付宝扫码领红包 杭州电信宽带优惠 群英网络 北京主机托管 tracker服务器 阿里云宕机故障 主机游戏 主机箱 主机托管 戴尔主机 更多