Ecshop模板网
首页 > ecshop教程 > ecshop经验分享 > marquee相关的知识
文章详情

marquee相关的知识

ecshop模板网 / 2009-09-08

 
功能

  创建一个滚动的文本字幕。

 

参数

  direction 表示滚动的方向,值可以是left,right,up,down,默认为left
 

 

  behavior 表示滚动的方式,值可以是scroll(连续滚动)slide(滑动一次)alternate(来回滚动)
 

 

  loop 表示循环的次数,值是正整数,默认为无限循环
 

 

  scrollamount 表示运动速度,值是正整数,默认为6
 

 

  scrolldelay 表示停顿时间,值是正整数,默认为0,单位是毫秒
 

 

  align 表示元素的垂直对齐方式,值可以是top,middle,bottom,默认为middle
 

 

  bgcolor 表示运动区域的背景色,值是16进制的RGB颜色,默认为白色
 

 

  height、width 表示运动区域的高度和宽度,值是正整数(单位是像素)或百分数,默认width=100% height为标签内元素的高度
 

 

  hspace、vspace 表示元素到区域边界的水平距离和垂直距离,值是正整数,单位是像素。
 

 

  onmouseover=this.stop() onmouseout=this.start() 表示当鼠标以上区域的时候滚动停止,当鼠标移开的时候又继续滚动。

 

注释

  MARQUEE 元素的默认宽度与其父元素的宽度相等。如果 MARQUEE 位于没有指定宽度的 TD 内,你就需要明确设置 MARQUEE 的宽度。如果 MARQUEE 和 TD 的宽度都没有指定,那么滚动字幕就将限定于 1 个像素宽。
 

 

  要创建垂直滚动的字幕,请将其 scrollLeft 属性设定为 0。要创建水平滚动的字幕,请将其 scrollTop 属性设定为 0,这将覆盖任何脚本设置。
 

 

  scrollLeft 和 scrollTop 属性当字幕滚动时为只读。当不处于滚动状态时,scrollLeft 对于设置为水平滚动的字幕来说为可读写,scrollTop 对于设置为垂直滚动的字幕来说为可读写。
 

 

  此元素在 Microsoft® Internet Explorer 3.0 的 HTML 中可用,在 Internet Explorer 4.0 的脚本中可用。
 

 

  此元素是块元素。
 

 

  此元素需要关闭标签。

 

示例

  下面的例子使用了 MARQUEE 元素创建了由左向右的滚动字幕,移动速度为每 200 毫秒 10 像素。
 

 

  <marquee direction="right" behavior="scroll" scrollamount="10" scrolldelay="200">这是一个滚动字幕。</marquee>
 

 

  下面的例子显示了 marquee 元素的 scrollLeft 和 scrollTop 属性的一些用途。
 

 

  <marquee id=m1 direction=right style="border-width:2px;border-style:solid;" width=200 height=200>向右</MARQUEE>
 

 

  <!-- 单击此按钮可在字幕滚动时读取 scrollLeft 和 scrollTop 属性的值。 -->
 

 

  <button onclick="alert('scrollLeft: ' + m1.scrollLeft + ' scrollRight: ' + m1.scrollTop)">读取</button>
 

 

  <!-- 当字幕停止时,你可以设置水平字幕的 scrollLeft,或者设置垂直字幕的 scrollTop。 -->
 

 

  <button onclick="m1.stop();m1.scrollLeft = 190;">停止并设置 scrollLeft=190</button>
 

 

  <button onclick="m1.start();">开始</button>
 

下一篇: 屏蔽ecshop云提示no_license 上一篇: 巧用css实现强制不换行、自动换行、强制换行
 用户评论(共 0 条评论)
  • 暂时还没有任何用户评论
用户名: 匿名用户 E-mail:
当前心情:
评论内容:
验证码: captcha
返回顶部 返回首页
 
QQ在线咨询
售前电话热线
#
售前QQ客服