几种文字字幕效果移动.滚动代码(适合网页,博客,拍拍.个人站点等)搜硕整理
1。最基本的滚动字幕代码:
代码:<MARQUEE>搜硕在线,这种效果喜欢吗?!</MARQUEE>
效果:
搜硕点评:没有任何参数和属性,我成为裸滚动代码(西西)。没有设置宽,所以从最旁边可以滚动。速度也是折中,算是挺快的吧。
2。速度参数scrollAmount=a a要是等于0的话就永远等不到字母出来了。数值越低速度就越慢。你也可以试下a=999 快的一闪一闪的。
代码:<MARQUEE scrollAmount=6>搜硕在线,这种效果喜欢吗?!</MARQUEE>
效果:
搜硕点评:具体速度就看你喜欢了。
3。设置滚动字幕的宽度width=b b=0的话也是看不到效果的。单位为像素,值越小越窄。(注意参数之间有空格)height=c 高度参数
代码:<MARQUEE scrollAmount=9 width=500>搜硕在线,这种效果喜欢吗?!</MARQUEE>
效果:
搜硕点评:宽度要适合页面布局。
4。滚动方向direction=right/down/up/left righ想右,down向下,up向上,left向左(默认)
代码:<MARQUEE scrollAmount=9 width=500 height=100 direction=up>搜硕在线,这种效果喜欢吗?!</MARQUEE>
效果:
搜硕点评:左右滚动一般适合长条区域,上下适合块区域。
5。给字幕里的文字加上连接<a href=http://www.yoyb.com></a>
代码:<MARQUEE scrollAmount=9 width=500><a href=http://www.yoyb.com target="_blank">欢迎光临,</a>在是你看到的效果!</MARQUEE>
效果:
搜硕点评:这个也可以在可视化编辑下操作,选择要加链接的文字然后点链接按钮
6。滚动图片<img src="http://www.yoyb.com/logo.gif" alt="鼠标移动此显示的文字">
代码:<MARQUEE scrollAmount=9 width=500><img src="http://www.yoyb.com/logo.gif" alt="鼠标移动此显示的文字">搜硕在线,这种效果喜欢吗?!</MARQUEE>
效果:
搜硕点评:我想你会更喜欢滚动图片吧。
7。作当鼠标停留在文字上,文字停止滚动
代码:<MARQUEE scrollAmount=9 width=500 onmouseover=stop() onmouseout=start()>搜硕在线,这种效果喜欢吗?!</MARQUEE>
效果:
搜硕点评:停止滚动方便浏览,也是个常用的参数
8。交替效果behavior=alternate
代码:<MARQUEE scrollAmount=9 width=500 behavior=alternate>搜硕在线,这种效果喜欢吗?!</MARQUEE>
效果:
搜硕点评:这种效果基本上没用
字体颜色可以在可视化编辑下修改。
|