您的位置:首页 > 产品设计 > UI/UE

图片滚动 marquee

2016-03-01 10:47 363 查看
通过html标签实现图片循环自动滚动,通过标签 <marquee>......<marquee/>  

标签属性:

1、滚动方式(behavior)

  
scroll 循环滚动
slide 滚动一次
alternate 来回交替滚动

2、背景颜色(bgcolor)

rgb(x,x,x)
rgb颜色表示
#xxxxxx 十六进制表示

colorname 颜色英文名表示

3、滚动方向(direction)

up

down 下
left 左
right 右

4、标签高度(height)

pixels(像素) 

%
(百分比)

5、滚动的水平位置(hspace)

pixels(像素)

6、指定循环次数(loop)

number(指定次数,默认值是无限的)

7、滚动延迟(scrolldelay)

seconds(秒)
定义滚动延迟时间

8、滚动速度(scrollamount)

number(每次滚动的距离,以像素为单位)

9、标签的宽度(width)

pixels(像素) 

% (百分比)

10、滚动的垂直位置(vspace)

pixels(像素)

使用示例:

<marquee id="affiche" align="left" behavior="scroll" bgcolor="#FF0000" direction="up" height="300" width="200" hspace="50" vspace="20" 

loop="-1" scrollamount="10" scrolldelay="100" onMouseOut="this.start()" onMouseOver="this.stop()">

这是一个示例

<a href="www.baidu.com"><img src="a.jpg" width="200" height="150" > </img></a>

</marquee>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  marquee 标签