自己店里也想搞个字幕效果,增加些动感。随便写个教程吧。写的不好还请谅解和指出! 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.onedian.com></a> 代码:<MARQUEEscrollAmount=9width=500><ahref=http://www.onedian.comtarget="_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 效果:欢迎光临,在是你看到的效果! 点评:这种效果基本上没用 字体颜色可以在可视化编辑下修改。写的不是很全面,还请多多原谅。还有什么问题还请联系。
|