网页中来来回回滚动的字幕就是用Dreamweaver软件制作出来的。记得小编在学习时,第一次接触到滚动字幕,着实兴奋了好一阵,把所有的代码和能实现的效果都尝试了一遍。
提示:虽然这种效果在网页中能起到画龙点睛的效果,但不宜多用,如果太多,就会给人眼花缭乱的感觉。
下面我们就来分享一下整个过程:
一、建立滚动字幕的命令和参数
命令是<marquee></marquee>,参数在下面介绍。
如:<marquee scrollAmount=3 width=400> IT部落窝</marquee> ,制作完成后,可在浏览器中预览。
此命令涉及到的参数如下,实际应用中,大家可以根据自己需要做相应设置,不需要的参数可以不用设置。
ScrollAmount:表示速度,值越大速度越快。如果不设置时,默认为6,建议设为1~3比较好。
Width和Height:表示滚动区域的大小,width是宽度,height是高度。特别是在做垂直滚动的时候,一定要设height值。
Direction:表示滚动的方向,默认为从右向左:←←←。可选的值有right、down、up。滚动方向分别为:right表示→→→,up表示↑,down表示↓。
ScrollDelay:设置字幕内容滚动时停顿的时间,单位为毫秒。如果要让滚动看起来流畅,数值应该尽量小。
Behavior:用它来控制属性,默认为循环滚动,可选的值有alternate(交替滚动)、slide(幻灯片效果,指的是滚动一次,然后停止滚动)
Loop:设置字幕内容滚动次数,默认值为无限。“-1”也为无限。
二、如何给滚动字幕加超链接
其实,与平时的超链接制作方法是完全一样。只要在文字外面加上a标签,如:
<marquee scrollAmount=2 width=300><a href=http://www.ittribalwo.com> IT部落窝</a></marquee>
三、如何制作当鼠标停留在文字上,文字就停止滚动的效果?
<marquee scrollAmount=2 width=300 onmouseover=stop() onmouseout=start()>文字内容</marquee>