图片循环滚动代码求:多张图片单行从左到右无间断循环滚动的代码
图片循环滚动代码 时间: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>
注:需要有一定数量的图片后才可以
云步云怎么样?云步云是创建于2021年的品牌,主要从事出售香港vps、美国VPS、日本VPS、香港独立服务器、香港站群服务器等,机房有香港、美国、日本东京等机房,目前在售VPS线路有CN2+BGP、CN2 GIA,香港的线路也是CN2直连大陆,该公司旗下产品均采用KVM虚拟化架构。目前,云步云提供香港安畅、沙田、大浦、葵湾、将军澳、新世界等CN2机房云服务器,2核2G5M仅72.5元/月起。点击进...
近日CloudCone商家对旗下的大硬盘VPS云服务器进行了少量库存补货,也是悄悄推送了一批便宜VPS云服务器产品,此前较受欢迎的特价20美元/年、1核心1G内存1Gbps带宽的VPS云服务器也有少量库存,有需要美国便宜大硬盘VPS云服务器的朋友可以关注一下。CloudCone怎么样?CloudCone服务器好不好?CloudCone值不值得购买?CloudCone是一家成立于2017年的美国服务...
天上云怎么样?天上云隶属于成都天上云网络科技有限公司,是一家提供云服务器及物理服务器的国人商家,目前商家针对香港物理机在做优惠促销,香港沙田机房采用三网直连,其中电信走CN2,带宽为50Mbps,不限制流量,商家提供IPMI,可以自行管理,随意安装系统,目前E3-1225/16G的套餐低至572元每月,有做大规模业务的朋友可以看看。点击进入:天上云官方网站天上云香港物理机服务器套餐:香港沙田数据中...
图片循环滚动代码为你推荐
权限表什么是DRM权限列表,怎么使用封包是什么这个七月半封包怎么填上海网络维护公司公司网络维护,上海的哪家最专业啊ldap统一用户认证介绍NIPS是什么认证?最新汽车电子产品当今的电子产品都有哪些分类?云电视是什么意思怎样连接云电视access数据库入门access 基础书收藏夹的位置怎样知道收藏夹所在的位置?镜像映像和镜像都有什么区别lightningLightning线是什么 Lightning数据线真假辨别
万网域名查询 荷兰服务器 香港加速器 加勒比群岛 免费主机 ixwebhosting 空间论坛 什么是服务器托管 php空间购买 免费申请个人网站 酷番云 raid10 双线asp空间 789 免费的asp空间 iki lamp兄弟连 摩尔庄园注册 万网注册 测试网速命令 更多