滚动图片代码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>

RackNerd美国大硬盘服务器促销:120G SSD+192TB HDD,1Gbps大带宽,月付$599,促销美国月付$服务器促销带宽

racknerd怎么样?racknerd最近发布了一些便宜美国服务器促销,包括大硬盘服务器,提供120G SSD+192TB HDD,有AMD和Intel两个选择,默认32G内存,1Gbps带宽,每个月100TB流量,5个IP地址,月付$599。价格非常便宜,需要存储服务器的朋友可以关注一下。RackNerd主要经营美国圣何塞、洛杉矶、达拉斯、芝加哥、亚特兰大、新泽西机房基于KVM虚拟化的VPS、...

无忧云(25元/月),国内BGP高防云服务器 2核2G5M

无忧云官网无忧云怎么样 无忧云服务器好不好 无忧云值不值得购买 无忧云,无忧云是一家成立于2017年的老牌商家旗下的服务器销售品牌,现由深圳市云上无忧网络科技有限公司运营,是正规持证IDC/ISP/IRCS商家,主要销售国内、中国香港、国外服务器产品,线路有腾讯云国外线路、自营香港CN2线路等,都是中国大陆直连线路,非常适合免北岸建站业务需求和各种负载较高的项目,同时国内服务器也有多个BGP以及高...

LOCVPS-2021年6月香港便宜vps宽带升级,充值就送代金券,其它八折优惠!

LOCVPS怎么样?LOCVPS是一家成立于2011年的稳定老牌国人商家,目前提供中国香港、韩国、美国、日本、新加坡、德国、荷兰等区域VPS服务器,所有机房Ping延迟低,国内速度优秀,非常适合建站和远程办公,所有机房Ping延迟低,国内速度优秀,非常适合做站。XEN架构产品的特点是小带宽无限流量、不超售!KVM架构是目前比较流行的虚拟化技术,大带宽,生态发展比较全面!所有大家可以根据自己业务需求...

滚动图片代码为你推荐
ros驱动电机电机驱动芯片 synchronous rectification 什么意思德国阿尔及利亚怎样评价德国vs阿尔及利亚比赛中的德国队这个任意球配合400电话会议收费400电话会议收费吗drs系统MIS是什么系统象形文字图片象形字有哪些?数据挖掘的应用目前,数据挖掘技术在我们身边的具体应用有哪些?大家可以在线交流交流......中山大学南校区地址中山大学各个校区的地址,专业分布超声波探测桩基超声波检测是什么?云龙数码云龙电脑电子的业务是什么?怎么样?会议管理平台什么是智能会议综合管理平台,求大神解答, 急急急
westhost 10t等于多少g 淘宝双十一2018 xen 华为网络硬盘 阿里校园 drupal安装 新睿云 西安服务器托管 监控服务器 阿里云免费邮箱 免费的域名 阿里云手机官网 万网主机 广东主机托管 攻击服务器 中国电信宽带测速 闪讯网 免费赚q币 脚本大全 更多