使用 MARQUEE HTML中实现图片的各种滚动效果
2012-12-23 21:37
671 查看
<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>
给图片或文字加边框
双线:<div style="border:3px double #ffffff;">文字</div>
虚线:<div style="border:1px dashed #ffffff;">文字</div>
实线:<div style="border:1px solid #ffffff;">文字</div>
外凸:<div style="border-style:outset; border-width:1px;">图片或文字</div>
火焰文字:<div style="FILTER: glow(color=#ff6600,strength=6); COLOR: #000000; HEIGHT: 10px"><font size="5">文字</font></div>
注释:
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>
给图片或文字加边框
双线:<div style="border:3px double #ffffff;">文字</div>
虚线:<div style="border:1px dashed #ffffff;">文字</div>
实线:<div style="border:1px solid #ffffff;">文字</div>
外凸:<div style="border-style:outset; border-width:1px;">图片或文字</div>
火焰文字:<div style="FILTER: glow(color=#ff6600,strength=6); COLOR: #000000; HEIGHT: 10px"><font size="5">文字</font></div>
相关文章推荐
- JS与HTML结合使用marquee标签实现无缝滚动效果代码
- JS与HTML结合使用marquee标签实现无缝滚动效果代码
- html之marquee实现图片文字滚动效果详解
- HTML标签marquee实现滚动效果
- 使用js实现带有停顿效果的图片滚动(按钮控制)
- 使用js实现带有停顿效果的图片滚动(按钮控制)
- 一个小型的网站,比如个人网站,可以使用最简单的html静态页面就实现了,配合一些图片达到美化效果,所有的页面均存放在一个目录下,这样的网站对系统架构、性能的要求都很简单,随着互联网业务的不断丰富,网站
- html之实现一组图片循环且首尾相连的滚动效果
- HTML标签marquee实现滚动效果
- 2016.8.3 HTML标签marquee实现滚动效果
- HTML标签marquee实现滚动效果
- HTML中让图片滚动的<marquee>标签的使用方法
- HTML标签marquee实现滚动效果
- 在asp.net中使用JQuery的SlideViewer插件实现图片的滚动效果
- HTML使用FileReader对象的readAsDataURL()方法实现图片的上传预览效果
- jquery实现marquee效果(文字或者图片的水平垂直滚动)
- HTML中实现图片滚动效果
- html模板实现银幕滚动效果<marquee>标签使用
- html使用javascript实现图片滚动无缝拼接
- Android使用Recyclerview实现图片水平自动循环滚动效果