知识屋:更实用的电脑技术知识网站
所在位置:首页 > 编程技术 > HTML教程

html标签marquee

发布时间:2011-11-26 04:16:44作者:知识屋

 

1. 简介:

一般意义上认为marguee是用来实现走马灯动画效果的(上下滚动,左右滚动等);但是它其实是微软90年代为IE搞出来的一个东西,它不是w3c标准的,所以如果你用了它可能在浏览器兼容性方面会存在问题,当然也可能在Firefox下或者safari下碰巧没有问题,看具体html和css情况了。这就是为什么很多人转向 javascript 或 flash来实现走马灯动画,目的就是兼容所有浏览器。这个兼容的问题下面再谈。先学习下基础知识:

2. 语法:

 

<marquee></marquee>

 

3. 例子:

 

<marquee scrolldelay="40" scrollamount="2" behavior="scroll" direction="up" onmouseout="this.start()" onmouseover="this.stop()" style="overflow: hidden; width: 200px; height: 500px;" >

 

4. 主要参数:

  • align:是设定活动字幕的位置,除了居左、居中、居右三种位置外,又增加靠上(top)和靠下(bottom)两种位置。
  • Bgcolor:用于设定活动字幕的背景颜色,可以使用英文的单词也可以是十六进制数的。
  • Direction:用于设定活动字幕的滚动方向是向左(left)、向右(right)、向上(up)、向下(down)。
  • Behavior:用于设定滚动的方式,主要由三种方式:
  • behavior="scroll"表示由一端滚动到另一端;默认为此项
  • behavior="slide":表示由一端快速滑动到另一端,且不再重复;
  • behavior="alternate"表示在两端之间来回滚动。
  • Height:用于设定滚动字幕的高度。
  • Width:则设定滚动字幕的宽度。
  • Hspace和vspace:分别用于设定滚动字幕的左右边框和上下边框的宽度.
  • Scrollamount:用于设定活动字幕的滚动距离。数值越小,滚动的速度就越快。
  • scrolldelay:用于设定滚动两次之间的延迟时间,数值越小,间隔就越小。
  • Loop:用于设定滚动的次数,当loop=-1表示一直滚动下去,直到页面更新。其中默认情况是向左滚动无限次,字幕高度是文本高度;滚动
  • 范围:水平滚动的宽度是当前位置的宽度;垂直滚动的高度是当前位置的高度。

 

5. 浏览器兼容性

 

marquee是IE的Tag,如果你用它,那其它浏览器支不支持看运气了,W3C没认可的。运气好的话在firefox下能工作,运气不好还是要用javascript补救。所以建议大家尽量不用。其实jQuery都有marquee插件可以用的。

(免责声明:文章内容如涉及作品内容、版权和其它问题,请及时与我们联系,我们将在第一时间删除内容,文章内容仅供参考)
收藏
  • 人气文章
  • 最新文章
  • 下载排行榜
  • 热门排行榜