首页 > 代码库 > marquee:已经被逐步舍弃掉的强大的模拟滚动的标签

marquee:已经被逐步舍弃掉的强大的模拟滚动的标签

(1)其实marquee的功能还是十分强大的,可以模拟我们用js才能实现的滚动效果,而且上下左右方向、滚动速度等等设置十分简单。

(2)但是,marquee的缺点是兼容性不太好,因为是微软自己发明了,后来才逐步被其他浏览器厂商接受。

(3)发现,目前使用marquee标签的地方不是很多。可能这种滚动的效果,现在看起来十分不友好,所以被逐步抛弃了吧。


参考文献:

html之marquee详解

IE Firefox Opera Chrome Safari 对MARQUEE标签的兼容问题


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>前端</title>
</head>
<body>
	<div style="width:300px;height:200px;border:1px solid red">
		<marquee behavior="scroll" direction="up" onm ouseOver="this.stop()" onm ouseOut="this.start()">
		<ul>
			<li>hello,it is me!</li>
			<li>hello,it is me!</li>
			<li>hello,it is me!</li>
			<li>hello,it is me!</li>
		</ul>
	</marquee>
	</div>
</body>
</html>

效果:

技术分享

marquee:已经被逐步舍弃掉的强大的模拟滚动的标签