滚动图片代码html 图片滚动代码

滚动图片代码  时间:2022-03-02  阅读:()

网页中的滚动图片的代码怎么写?

图片滚动代码 (从右向左滚动)

<marquee scrollamount=1 scrolldelay=3 valign=middle behavior="scroll">

<img border="0" src="要滚动的图片地址1">

<img border="0" src="要滚动的图片地址2">

</marquee>

 图片滚动代码 (从下往上滚动)

 <marquee onMouseOver="()" onMouseOut="this.start()" align=center direction=up scrollamount=1 scrolldelay=3 valign=middle behavior="scroll">

<img border="0" src="要滚动的图片地址1">

<img border="0" src="要滚动的图片地址2">

</marquee>

改版:

<marquee ONMOUSEOUT=this.scrollDelay=1 ONMOUSEOVER=this.scrollDelay=600 scrollamount=1

SCROLLDELAY=1 border=0 direction=up scrolldelay=70 width=180 height=130 align=middle>

<img border="0" src="要滚动的图片地址1">

<img border="0" src="要滚动的图片地址2">  </marquee>

说明:

1.direction属性:决定文本的滚动方向,分为向左left和向右right,up和down默认状态向左。

<marquee direction=left>从右向左滚动</marquee>

<marquee direction=right>从左向右滚动</marquee>

2.behavior属性:指定文本的滚动方式,分为三种:

Scroll:从一端消失后,在另一端出现并继续滚动。

<marquee behavior=scroll>一圈一圈地滚动</marquee>

Slide:从一端滚动,接触到另一端后停止

<marquee behavior=slide>只滚动一次就停止</marquee>

Alternate:从一端滚动到另一端后,反向滚动。

  <marquee behavior=alternate>来回滚动</marquee>

direction=up(left、right、down) 这个属性可以更改,这样就可以实现上下左右了

3.scrolldelay属性设置移动每步的延时单位为毫秒

4.scrollamount 属性 设置滚动速度 单位为秒,取值 1-60

html 图片滚动代码

<div id="demo" style="overflow:hidden;width:700px;height:160px"> <table cellpadding="0" cellspacing="2" border="0"> <tr> <td id="demo1" valign=" align="center"> <table width="130" border="0" align="left" cellpadding="0" cellspacing="0"> <tr> <td><a href="index_dateil.asp?data=education&amp;id=<%=rs_img("id")%>" target="_blank"><img src="<%=rs_img("pic")%>" width="213" height="160" border="0" class="2kuang" /></a></td> </tr> </table> </td> <td id="demo2" valign="></td> </tr> </table> </div> <script> var speed=2//速度数值越大速度越慢 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>

桔子数据58元/月 ,Cera美西云服务器 2核4G 50G数据盘 500M带宽 1000G流量

桔子数据(徐州铭联信息科技有限公司)成立于2020年,是国内领先的互联网业务平台服务提供商。公司专注为用户提供低价高性能云计算产品,致力于云计算应用的易用性开发,并引导云计算在国内普及。目前公司研发以及运营云服务基础设施服务平台(IaaS),面向全球客户提供基于云计算的IT解决方案与客户服务,拥有丰富的国内BGP、双线高防、香港等优质的IDC资源。 公司一直秉承”以人为本、客户为尊、永...

HostKvm四月优惠:VPS主机全场八折,香港/美国洛杉矶机房$5.2/月起

HostKvm是一家成立于2013年的国外主机服务商,主要提供基于KVM架构的VPS主机,可选数据中心包括日本、新加坡、韩国、美国、中国香港等多个地区机房,均为国内直连或优化线路,延迟较低,适合建站或者远程办公等。本月商家针对全场VPS主机提供8折优惠码,优惠后美国洛杉矶VPS月付5.2美元起。下面列出几款不同机房VPS主机产品配置信息。套餐:美国US-Plan0CPU:1cores内存:1GB硬...

80VPS:香港服务器月付420元;美国CN2 GIA独服月付650元;香港/日本/韩国/美国多IP站群服务器750元/月

80vps怎么样?80vps最近新上了香港服务器、美国cn2服务器,以及香港/日本/韩国/美国多ip站群服务器。80vps之前推荐的都是VPS主机内容,其实80VPS也有独立服务器业务,分布在中国香港、欧美、韩国、日本、美国等地区,可选CN2或直连优化线路。如80VPS香港独立服务器最低月付420元,美国CN2 GIA独服月付650元起,中国香港、日本、韩国、美国洛杉矶多IP站群服务器750元/月...

滚动图片代码为你推荐
400电话会议收费400电话会议收费吗华为技术深圳华为公司技术部都是做的些什么哦?华为技术华为技术有限公司怎么样?ctf网络安全大赛安全知识竞赛要的队名和口号,有哪些?番禺网站优化广州网站优化的公司网站优化最最专业的哪家中山大学南校区地址谁知道中山大学的具体位置?要详细的地址!急!!!交通智能网智能网联汽车关键技术?上海第二工业大学地址上海第二工业大学怎么样凤岗网如何加入东莞短号集群网?凤岗的短号集群网编号是多少啊?中国未来发展趋势中国未来的发展?
中文国际域名 网站域名备案查询 google镜像 liquidweb 搬瓦工官网 流媒体服务器 台湾谷歌网址 网通ip 美国十次啦服务器 域名和空间 域名dns lick qq金券 万网空间 实惠 阿里云邮箱登陆 腾讯数据库 杭州电信宽带 聚惠网 美国主机 更多