自己店里也想搞个字幕效果,增加些动感。随便写个教程吧。写的不好还请谅解和指出!
1、最基本的滚动字幕代码:
代码:<MARQUEE>欢迎光临,在是你看到的效果!</MARQUEE>
效果:欢迎光临,在是你看到的效果!
点评:没有任何参数和属性,我成为裸滚动代码(西西)。没有设置宽,所以从最旁边可以滚动。速度也是折中,算是挺快的吧。
2、速度参数scrollAmount=aa要是等于0的话就永远等不到字母出来了。数值越低速度就越慢。你也可以试下a=999快的一闪一闪的。
代码:<MARQUEEscrollAmount=6>欢迎光临,在是你看到的效果!</MARQUEE>
效果:欢迎光临,在是你看到的效果!
点评:具体速度就看你喜欢了。
3、设置滚动字幕的宽度width=bb=0的话也是看不到效果的。单位为像素,值越小越窄。(注意参数之间有空格)height=c高度参数
代码:<MARQUEEscrollAmount=9width=500>欢迎光临,在是你看到的效果!</MARQUEE>
效果:欢迎光临,在是你看到的效果!
点评:宽度要适合页面布局。
4、滚动方向direction=right/down/up/leftrigh想右,down向下,up向上,left向左(默认)direction=up>欢迎光临,在是你看到的效果!</MARQUEE>behavior=alternatebehavior=alternate>欢迎光临,在是你看到的效果!</MARQUEE>
代码:<MARQUEEscrollAmount=9width=500height=100
效果:欢迎光临,在是你看到的效果!
点评:左右滚动一般适合长条区域,上下适合块区域。
5、给字幕里的文字加上连接<ahref=http://www.shuaishou.com></a>
代码:<MARQUEEscrollAmount=9width=500><ahref=http://www.shuaishou.com target="_blank">欢迎光临,</a>在是你看到的效果!</MARQUEE>
效果:欢迎光临,在是你看到的效果!
点评:这个也可以在可视化编辑下操作,选择要加链接的文字然后点链接按钮
6、滚动图片<imgsrc="/image/logo.jpg"alt="鼠标移动此显示的文字">
代码:<MARQUEEscrollAmount=9width=500><imgsrc="/image/logo.jpg"alt="鼠标移动此显示的文字">欢迎光临,在是你看到的效果!</MARQUEE>
效果:欢迎光临,在是你看到的效果!
点评:我想你会更喜欢滚动图片吧。
7、作当鼠标停留在文字上,文字停止滚动
代码:<MARQUEEscrollAmount=9width=500onmouseover=stop()onmouseout=start()>欢迎光临,在是你看到的效果!</MARQUEE>
效果:欢迎光临,在是你看到的效果!
点评:停止滚动方便浏览,也是个常用的参数
8、交替效果
代码:<MARQUEEscrollAmount=9width=500
效果:欢迎光临,在是你看到的效果!
点评:这种效果基本上没用
字体颜色可以在可视化编辑下修改。写的不是很全面,还请多多原谅。还有什么问题还请联系。