室内设计培训
平面设计培训
部落窝教育
网站首页 >> 设计在线 >> 文章内容

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

[日期:2010-02-12]   来源:IT部落窝  作者:IT部落窝   阅读:1728[字体: ]

  网页中来来回回滚动的字幕就是用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>

IT部落窝PS,CDR,213班 分享到: QQ空间 新浪微博 腾讯微博 人人网
photoshop教程
Photoshop教程
平面设计教程
Photoshop教程