移动端（video） transformOringe addEventListener

贵哥的编程之路

发布于 2020-10-28 10:29:27

5580

发布于 2020-10-28 10:29:27

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
	<style type="text/css">
		*{margin: 0;padding: 0;list-style: none;}
div{width: 200px;height: 200px;background: black;position: absolute;left: 50%;top: 50%;margin: -100px 0 0 -100px;
	transition:.3s;
	-transform-origin:right top;
	transform-origin:left center;
}


	</style>
</head>
<body>
	<div id="div1"></div>
	<script type="text/javascript">
		var reg=0;
		setInterval(function()
			{
				reg++;
				div1.style.transform="perspective(50px) rotateY("+reg+"deg)";

			},0);
	</script>
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
	<style type="text/css">
		*{margin: 0;padding: 0;list-style: none;}
div{
	width: 100px;height: 100px;background: black;
}
	</style>
</head>
<body>
	<div id='div1'></div>
	<script type="text/javascript">
		/*addEventListener("load",function()
			{
				alert(1);
			},false);
		addEventListener("load",function()
			{
				alert(2);
			},false);
*/
			/*function show()
			{
				alert(1);
				div1.removeEventListener("click",show);
			}
			div1.addEventListener("click",show,false);
			*/
		
	</script>
</body>
</html>

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2020/10/01 ，如有侵权请联系 cloudcommunity@tencent.com 删除

addeventlistener