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

90IDC-香港云主机,美国服务器,日本KVM高性能云主机,创建高性能CLOUD只需60秒即可开通使用!

官方网站:点击访问90IDC官方网站优惠码:云八五折优惠劵:90IDCHK85,仅适用于香港CLOUD主机含特惠型。活动方案:年付特惠服务器:CPU均为Intel Xeon两颗,纯CN2永不混线,让您的网站更快一步。香港大浦CN2測速網址: http://194.105.63.191美国三网CN2測速網址: http://154.7.13.95香港购买地址:https://www.90idc.ne...

俄罗斯vps主机推荐,怎么样俄罗斯vps俄罗斯vps速度怎么样?

俄罗斯vps速度怎么样?俄罗斯vps云主机节点是欧洲十大节点之一,地处俄罗斯首都莫斯科,网络带宽辐射周边欧洲大陆,10G专线连通德国法兰克福、法国巴黎、意大利米兰等,向外连接全球。俄罗斯vps云主机速度快吗、延迟多少?由于俄罗斯数据中心出口带宽充足,俄罗斯vps云主机到全球各地的延迟、速度相对来说都不错。今天,云服务器网(yuntue.com)小编介绍一下俄罗斯vps速度及俄罗斯vps主机推荐!俄...

BlueHost主机商年中618活动全场低至五折

BlueHost 主机商在以前做外贸网站的时候还是经常会用到的,想必那时候有做外贸网站或者是选择海外主机的时候还是较多会用BlueHost主机商的。只不过这些年云服务器流行且性价比较高,于是大家可选择商家变多,但是BlueHost在外贸主机用户群中可选的还是比较多的。这次年中618活动大促来袭,毕竟BLUEHOST商家目前中文公司设立在上海,等后面有机会也过去看看。他们也会根据我们的国内年中促销发...

滚动图片代码为你推荐
电力仿真现在比较实用的电气仿真软件有哪些?德国阿尔及利亚德国vs阿尔及利亚角球有多少个?胶南建管网胶南信息港怎样删除信息华为技术深圳华为公司技术部都是做的些什么哦?新中大软件新中大软件公司南京公司怎么样源码哥有报过源码熊的家长吗?他们的课程怎么样?孩子能听懂吗?内蒙古工业大学地址内蒙古工业大学的准葛尔校区在哪天津职业大学地址天津职业大学怎么样?例外招聘深圳富市康还招工吗是不是只要女孩不要男孩的呢,待遇好吗?csol进不去cs online为什么打不开
fc2最新域名 godaddy域名解析教程 域名解析文件 lamp安装 谷歌香港 免费smtp服务器 元旦促销 linux空间 免空 ftp教程 789电视网 免费申请网站 重庆双线服务器托管 metalink 沈阳主机托管 新加坡空间 测速电信 电信宽带测速软件 重庆服务器 97rb 更多