marquee 解析 图片滚动

<marquee id='quee' scrollAmount='2' scrollDelay='30' direction='left' width='100%' height='128' οnmοuseοver='this.stop()' οnmοuseοut='this.start()'>

 

<a href='#'><img height='128' alt='无相片' src='图片链接地址' width='128' border='0' title='鼠标提示' /></a>

<a href='#'><img height='128' alt='无相片' src='图片链接地址' width='128' border='0' title='鼠标提示' /></a>

<a href='#'><img height='128' alt='无相片' src='图片链接地址' width='128' border='0' title='鼠标提示' /></a>

<a href='#'><img height='128' alt='无相片' src='图片链接地址' width='128' border='0' title='鼠标提示' /></a>

 

</marquee>

 

以下是一些解释：

 

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表示一直滚动下去，直到页面更新。其中默认情况是向左滚动无限次，字幕高度是文本高度；滚动范围：水平滚动的宽度是当前位置的宽度；垂直滚动的高度是当前位置的高度。

 

οnmοuseοver='this.stop()' οnmοuseοut='this.start()' ：

这个就是鼠标移到marquee 区内，滚动就会停止，移出来，就继续滚动.

 

哇哈哈！