图片滚动 marquee
2016-03-01 10:47
295 查看
通过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>
标签属性:
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>
相关文章推荐
- 表格标签table深入了解
- WEB标准网页布局中尽量不要使用的HTML标签
- 如何使用jquery easyui创建标签组件
- web标准知识――用途相似的标签
- h1标签的使用技巧
- 探讨JavaScript标签位置的存放与功能有无关系
- Marquee配合DIV实现的文字滚动效果代码
- HTML代码中标签的全部属性 中文注释说明
- Bootstrap每天必学之标签与徽章
- jQuery EasyUI 布局之动态添加tabs标签页
- jQuery+CSS实现滑动的标签分栏切换效果
- jquery 实现两Select 标签项互调示例代码
- 兼容多浏览器的字幕特效Marquee的通用js类
- jQuery实现模拟marquee标签效果
- 详解jQuery Mobile自定义标签
- Class Of Marquee Scroll通用不间断滚动JS封装类第1/2页
- jQuery获取标签文本内容和html内容的方法
- JavaScript获取并更改input标签name属性的方法
- css样式标签和js语法属性区别
- JSP自定义标签入门学习