<MARQUEE onmouseover=stop() onmouseout=start() scrollAmount=3 loop=infinite deplay="0"><IMG src="第一张图片地址" ><IMG src="第二张图片地址"></MARQUEE>
注释:
1) scrollAmount。它表示速度,值越大速度越快。
2) 加入onmouseover=stop() onmouseout=start()代码,鼠标指向循环文字图片时他们会停止滚动,鼠标离开时继续滚动。
给滚动图片加超链接
用<a href=>和</a>把<img>包围,并且img必须设border=0,否则图片会出现边框。例子如下:
<MARQUEE scrollAmount=3 loop=infinite deplay="0"><a href="链接网址"><img src="图片网址" border=0></a></MARQUEE>
图片从右到左滚动
<MARQUEE width=宽 height=高 onmouseover=stop() onmouseout=start() scrollAmount=速度 loop=infinite deplay="0"><img src="图片地址 "><img src="图片地址 ">···</MARQUEE>
图片从下到上滚动
<marquee behavior="scroll" direction=up width="宽" height="高" scrollamount="5" onmouseout="this.start()"><img src="图片网址 "><img src="图片网址 ">···</marquee>
带有超链接的图片实现滚动效果
<marquee behavior="scroll" direction=up width="120" height="60" scrollamount="1" scrolldelay="60" onmouseover="this.stop()" onmouseout="this.start()"><a target="cont" href="连接地址"><img src="http://图片地址" idth="88" height="33" border="0"></a><a target="cont" href="连接地址"><img src="图片地址" width="88" height="33" border="0"></a></marquee>
相关文章
- 08-28如何在 ant 的table中实现图片的渲染
- 08-28微信中web页面实现和公众号中查看图片一样的效果
- 08-28如何在自己的代码中实现分享视频文件或者是图片文件到微信 QQ微博 新浪微博等!!!
- 08-28使用js实现带有停顿效果的图片滚动(按钮控制)
- 08-28js实现一个长页面中的图片懒加载即滚动到其位置才加载
- 08-28html .css 实现图片滑动和自动播放特效移动端 HTML 5中添加了以touch 开头的事件
- 08-28Html5 Canvas 实现滚动的图片
- 08-28如何在html5的canvas画布中绘制gif动态图片
- 08-28如何在html中把一个图片或者表格覆盖在一张已有图片上的任意位置
- 08-28【实例】html5-canvas中实现背景图片的移动