marquee的html和js使用方法

html标签marquee可以用来实现滚动效果。

使用方法:

说明:在标记之间添加要进行滚动的内容。

例如:

重要属性:

1.滚动方向direction(包括4个值:up、 down、 left和 right)

2.滚动方式behavior(scroll:循环滚动,默认效果; slide:只滚动一次就停止; alternate:来回交替进行滚动)

3.滚动速度scrollamount(滚动速度是设置每次滚动时移动的长度,以像素为单位)

4.滚动延迟scrolldelay(设置滚动的时间间隔,单位是毫秒)

5.滚动循环loop(默认值是-1,滚动会不断的循环下去)

6.滚动范围width、height

7.滚动背景颜色bgcolor

8.空白空间hspace、vspace

marquee常用到的两个事件:
onMouseOut=”this.start()” 当鼠标移出该区域时;
onMouseOver=”this.stop()” 当鼠标移入该区域时;

使用html自带的marquee标签,意外发现marquee自带的事件没有生效;于是使用了marquee的js实现该效果。

marquee js使用方法

首先需要安装js。
参考及下载页面:https://github.com/aamirafridi/jQuery.Marquee

最简单的使用方法:

可以使用参数来控制滚动是速度,方向等属性,更多操作方法参考上方链接。