html跑马灯/走马灯效果
http://blog.sina.com.cn/s/blog_a7b8ab2801019gog.html
实现跑马灯的方法很多,其中最简单的是采用一句Html代码来实现,我们在需要出现跑马灯效果的地方插入“”语句,它的效果如下所示:
适当的运用
1、左右弹来弹去的跑马灯
实现的方法就是在IE的标签上稍微多加了几个参数产生了更加丰富的变化。设置behavior=alternate表示双向移动,direction= left表示运动方向向左。marquee的宽度可以使用绝对象素值,例如width=200等这个值限定了跑马灯滚动的范围。需要说明的是该效果在 Netscape下是看不到的。
源码粘贴框:
2、跑的很快的跑马灯
只要在
3、带有超级链接的跑马灯
实现的方法很简单,把整个语句包含在超链接中就行,你看看下面的代码就清楚了。当然你也可以把包含在中的各条内容分别加上不同的链接,这样的跑马灯就可用来发布滚动新闻或是做站点导航了。
如果你想给跑马灯的文字加上颜色,换用不同的字体(默认是宋体,换体就要加代码),只要在文字前加上就行了,你可在“face=”后边换上你喜欢的字体,在“color=”后边换上你喜欢的字颜色,在“size=”后边换上适合的字号,如果想让字体加粗,就再加上。
上面效果的代码码如下:
以上几个例子都是
| 参数 | 用法介绍 |
| 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 | 跑马灯文字加粗 |
你已经看到,尽管
本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!
