跑马灯<marquee></marquee> 网页中有滚动效果
1、direction="down" 走马灯的方向
2、scrollamount="10" 滚动时的速度是多少
3、behavior="alternata/scroll/slide" 行为:往复运动/转圈/行为停靠
4、只针对跑马灯有效:onmouseover="this.stop()" 鼠标移到上面停止滚动
onmouseout="this.start()" 鼠标移下去滚动开始
<DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>跑马灯</title>
<style type="text/css">
body{
height: 30px;
width: 300px;
}
.color {
background-color: #111F44;
}
a{
display: block;
color: #1171A1;
}
</style>
</head>
<body>
<marquee direction="down" onmouseover="this.stop()" onmouseout="this.start()" class="color">
<a href="#">新闻新闻新闻新闻新闻新闻新闻11</a>
<a href="#">新闻新闻新闻新闻新闻新闻新闻10</a>
<a href="#">新闻新闻新闻新闻新闻新闻新闻9</a>
<a href="#">新闻新闻新闻新闻新闻新闻新闻8</a>
<a href="#">新闻新闻新闻新闻新闻新闻新闻7</a>
<a href="#">新闻新闻新闻新闻新闻新闻新闻6</a>
<a href="#">新闻新闻新闻新闻新闻新闻新闻5</a>
<a href="#">新闻新闻新闻新闻新闻新闻新闻4</a>
<a href="#">新闻新闻新闻新闻新闻新闻新闻3</a>
<a href="#">新闻新闻新闻新闻新闻新闻新闻2</a>
<a href="#">新闻新闻新闻新闻新闻新闻新闻1</a>
</marquee>
</body>
</html>
效果图