HTML-2.4 滚动字幕marquee

<marquee bgcolor="pink" behavior="scroll" scrollamount="60" width=""
		 height="" direction="left"onmousedown="this.stop()" onmouseout="this.start()">
		<font size="5" color="green">春天花会开，鸟儿自在飞</font>
		 <ul type="square">
		 	<li>网络工程</li>
			<li type="circle">
				<a href="1-1.html">文本</a>
			</li>
			<li>应用统计</li>
			<li>应用数学</li>
		 </ul> 
</marquee>

代码分析：

bgcolor="pink"：背景颜色为粉色

behavior="scroll"：滚动方式scroll---环绕滚动（默认）、slide----滚动一次、alternate---来回滚动

scrollamount="60"：表示速度，值越大速度越快。如果没有它，默认为6，建议设为1～3比较好

width=""：宽度

height=""：高度

direction="left"：滚动的方向，默认为从右向左：←，因此如果是向左滚动的话不需要次参数。其他可选的值还有right，down，up。滚动方向分别为：right表示→，up表示↑，down表示↓。

οnmοusedοwn="this.stop()" οnmοuseοut="this.start()"：鼠标按下时停止，鼠标移出时开始。

鼠标事件参数，共分为五种情况，分别是：

onMouseDown：指的是鼠标按下时所触发的事件。

onMouseUp：指的是鼠标按下后松开时所触发的事件。

onMouseOver：指的是鼠标移动到某对象范围之内所触发的事件。

onMouseOut：指的是鼠标离开对象范围时所触发的事件。

onMouseMove：指的是移动鼠标时所触发的事件。

代码运行：

2、标签

 <marquee bgcolor="pink" behavior="scroll" scrollamount="60" width=""
		 height="" direction="left"onmousedown="this.stop()" onmouseout="this.start()">
		 <a href=""><img src="../img/1test.jpg" width="100px"></a>
		 <a href=""><img src="../img/1test.jpg" width="100px"></a>
		 <a href=""><img src="../img/1test.jpg" width="100px"></a>
</marquee>

代码运行

二、代码块

滚动字幕代码如下：

<html>
	<head>
		<meta charset="utf-8">
		<title>滚动字幕marquee</title>
	</head>
	<body>
		<marquee bgcolor="pink" behavior="scroll" scrollamount="60" width=""
		 height="" direction="left"onmousedown="this.stop()" onmouseout="this.start()">
		 <font size="5" color="green">春天花会开，鸟儿自在飞</font>
		 <ul type="square">
		 	<li>网络工程</li>
			<li type="circle">
				<a href="1-1.html">文本</a>
			</li>
			<li>应用统计</li>
			<li>应用数学</li>
		 </ul> 
		 <!-- <a href=""><img src="../img/1.png" width="100px"></a>
		 <a href=""><img src="../img/1.png" width="100px"></a>
		 <a href=""><img src="../img/1.png" width="100px"></a> -->
		</marquee>
	 <!-- <a href="../个人主题网站/index.html"><h3 align="center">返回首页</h3></a>-->
	</body>
</html>

代码运行：

滚动图片代码如下：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>滚动字幕marquee</title>
	</head>
	<body>
		<marquee bgcolor="pink" behavior="scroll" scrollamount="60" width=""
		 height="" direction="left"onmousedown="this.stop()" onmouseout="this.start()">
		<!-- <font size="5" color="green">春天花会开，鸟儿自在飞</font>
		 <ul type="square">
		 	<li>网络工程</li>
			<li type="circle">
				<a href="1-1.html">文本</a>
			</li>
			<li>应用统计</li>
			<li>应用数学</li>
		 </ul> -->
		 <a href=""><img src="../img/1test.jpg" width="100px"></a>
		 <a href=""><img src="../img/1test.jpg" width="100px"></a>
		 <a href=""><img src="../img/1test.jpg" width="100px"></a>
		</marquee>
	<!-- <a href="../个人主题网站/index.html"><h3 align="center">返回首页</h3></a> -->
	</body>
</html>