html跑马灯/走马灯效果
来源:互联网 发布:2017软件企业认定 编辑:程序博客网 时间:2024/05/16 01:23
适当的运用<marquee>标签的参数,可以表现出不同的效果,请看下面的几个例子:
1、左右弹来弹去的跑马灯
实现的方法就是在IE的标签上稍微多加了几个参数产生了更加丰富的变化。设置behavior=alternate表示双向移动,direction=left表示运动方向向左。marquee的宽度可以使用绝对象素值,例如width=200等这个值限定了跑马灯滚动的范围。需要说明的是该效果在Netscape下是看不到的。
源码粘贴框:
<marquee width=400 behavior=alternatedirection=leftalign=middle>弹来弹去跑马灯!</marquee>
2、跑的很快的跑马灯
只要在<marquee>标签后面加上“scrollamount=15”即可,修改=后边的数字参数即可限制文字移动的速度。
3、带有超级链接的跑马灯
实现的方法很简单,把整个<marquee></marquee>语句包含在超链接中就行,你看看下面的代码就清楚了。当然你也可以把包含在<marquee></marquee>中的各条内容分别加上不同的链接,这样的跑马灯就可用来发布滚动新闻或是做站点导航了。
如果你想给跑马灯的文字加上颜色,换用不同的字体(默认是宋体,换体就要加代码),只要在文字前加上<FONTface=楷体_GB2312 color=#ff0000size=3>就行了,你可在“face=”后边换上你喜欢的字体,在“color=”后边换上你喜欢的字颜色,在“size=”后边换上适合的字号,如果想让字体加粗,就再加上<STRONG>。
上面效果的代码码如下:
<marquee width=400scrollamount=2> <a href=http://www.taobaojp5.tk><FONTface=楷体_GB2312 color=#ff0000size=3><STRONG>带有超链接的跑马灯!点我试试?</a> <ahref=http://954872988.qzone.qq.com/;还有一条呢!点我试试?</FONT></STRONG></a></marquee>
以上几个例子都是<marquee>标签参数的应用,下面把所有可以利用的参数列在表中供你参考,不过还是要提醒你,<marquee>标签只被IE所支持,使用Netscape浏览器是看不到的噢。
参数用法介绍behavior=scroll,slide, alternate跑马方式:循环绕行,只跑一次就停住,来回往复运动direction=left,right跑马方向:从左向右,从右向左loop=100跑马次数:循环100次,如不写默认为一直循环width=100%,height=200跑马范围:宽为100%,高为200像素scrollamount=20跑马速度:数越大越快scrolldelay=500跑马延时:毫秒数,利用它可实现跃进式滚动hspace=20,vspace=20跑马区域与其它区域间的空白大小bgcolor=#00FFCC跑马区域的背景颜色face=楷体_GB2312跑马灯文字字体color=#ff0000跑马灯文字颜色size=3跑马灯文字字号STRONG跑马灯文字加粗你已经看到,尽管<marquee>参数不少,但毕竟不能实现复杂的和自定义的特殊跑马灯效果,而且还有浏览器限制,所以我们更多情况下会采用JavaScript来实现跑马灯。
以上个人总结,可以将此特效用到淘宝公告上去,显的专业也比较好看,尤其是拓展版用这个代码我觉得还是比较炫的,放在头部,或者宝贝描述里面都非常恰当,其余靠自己想象了,万事要靠自己哦~
- html跑马灯/走马灯效果
- html跑马灯/走马灯效果
- Html走马灯效果实现
- html--跑马灯效果、线包字效果
- html中图片走马灯效果
- html中滚动文字效果|跑马灯效果
- html简单的跑马灯效果
- HTML 5实现图像走马灯效果
- 走马灯效果
- 走马灯效果
- 走马灯效果
- HTML中的跑马灯效果(<marquee>标签)
- HTML标签marquee实现滚动效果/跑马灯/弹幕等
- html,js实现文本横向滚动(跑马灯)效果
- HTML中用marquee标签实现跑马灯滚动效果
- flex 跑马灯效果
- Android 跑马灯效果
- 跑马灯效果
- 2013年全球IT公司市值
- 解决“certificateidentity 'iphone distribution' appears more than once”错误
- ubuntu右键在当前位置打开终…
- 常见JS(JavaScript)冲突解决方法大全
- WIN7中jar文件无法双击打开的解决…
- html跑马灯/走马灯效果
- 把vim打造成IDE
- NC
- 设置ctfmon.exe自动启动
- 编程珠玑第三章
- css中url的路径含义
- 查看linux版本命令
- Redhat Enterprise5 修改源
- VI编辑器的使用