滚动效果--marquee的使用

1. <marquee></marquee>标签,默认从最右侧往左滚动;

2. marquee 支持的属性

(1)behavior设置滚动方式:

<marquee behavior="alternate">我是来回滚动</marquee>
<marquee behavior="scroll">我是重复滚动</marquee>
<marquee behavior="slide">我是不重复滚动</marquee>

(2)direction设置滚动方向:

<marquee direction="up">我是向上滚动</marquee>
<marquee direction="down">我是向下滚动</marquee>
<marquee direction="left">我是向左滚动</marquee>
<marquee direction="right">我是向右滚动</marquee>

(4)设置滚动次数:

<marquee loop="-1">我会一直滚动</marquee>
<marquee loop="2">我只滚动2次</marquee>

(5).marquee 常用的事件:

<marquee onMouseOut="this.start()" >鼠标移出时滚动</marquee>

<marquee  onMouseOver="this.stop()">鼠标移入时停止滚动</marquee>

<!DOCTYPE html>
<html>
<head>
<title>MyHtml.html</title>
</head>
<body>
<marquee onMouseOut="this.start()" onMouseOver="this.stop()" ><font size=3 color=red>Hello, World,CSS</font></marquee>
</body>
</html>
上一篇:android UI进阶之实现listview的分页加载


下一篇:Jasper(物联网网络支撑平台公司)的技术为什么这么牛逼?