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

最新推荐文章于 2024-08-18 10:18:28 发布

喂-不吃素的熊宝宝

最新推荐文章于 2024-08-18 10:18:28 发布

阅读量1.4w

点赞数 1

分类专栏：前端

本文链接：https://blog.csdn.net/weisubao/article/details/43448141

版权

前端专栏收录该内容

23 篇文章 0 订阅

订阅专栏

（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" onMouseOver="this.stop()" onMouseOut="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>

效果：