实现滚动字幕特效的命令和制作方法

  网页中来来回回滚动的字幕就是用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.222.com> IT部落窝</a></marquee>


  三、如何制作当鼠标停留在文字上,文字就停止滚动的效果?


  <marquee scrollAmount=2 width=300 onmouseover=stop() onmouseout=start()>文字内容</marquee>