HTML中的marquee标签实现滚动效果

最新推荐文章于 2022-09-22 09:04:24 发布

weixin_30808575

最新推荐文章于 2022-09-22 09:04:24 发布

阅读量583

点赞数

原文链接：http://www.cnblogs.com/nyw1983/p/11226645.html

版权

一、通过开始标签<marquee>和结束标签</marquee>的共同配合而实现滚动效果，<marquee>滚动的内容</marquee>,滚动内容可以是超链接、图片、文字或者表格。

二、标签属性

1.behavior 行为属性有三个值 alternate、scroll、slide

2.direction 方向属性有四个值 up、down、right、left

3.scrollamount 滚动速度，即每次滚动时候的长度，以像素（pixel）为单位

4.scrolldelay 滚动的时间间隔，单位是毫秒（1秒=1000毫秒）

5.width、height 分别是滚动区域的宽度和高度

6.bgcolor 设置滚动区域的背景颜色，可以直接设置颜色英文（blue），也可以是十六进制颜色（#ff00ff）

7.hspace、vspace 空白空间

8.loop 设定滚动的次数，当loop=-1时，表示一直滚动下去，默认值为-1

二、事件

1.onMouseOut="this.start()" 表示当鼠标移开时开始滚动

2.onMouseOver="this.stop()" 表示当鼠标移入该区域时停止滚动

例如 <marquee onMouseOut="this.start()" onMouseOver="this.stop()" width="222" height="222">滚动内容</marquee>
（涉及到一个驼峰命名法的规则）

三、示例代码

1.滚动一个超链接

2.滚动一个图片

3.一个完整的滚动实例

参考：叶落无痕123 https://blog.csdn.net/u012767761/article/details/75142470

转载于:https://www.cnblogs.com/nyw1983/p/11226645.html

关注