css截图

最新推荐文章于 2024-04-13 01:06:52 发布

凉川望远

最新推荐文章于 2024-04-13 01:06:52 发布

阅读量314

点赞数

本文链接：https://blog.csdn.net/qq_24193261/article/details/51530551

版权

css截图

代码：<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style type="text/css">

</style>
<script type="text/javascript">
var i=0;
window.οnlοad=function(){
document.οnclick=function(){
var playerImg=document.getElementById("playerImg");
playerImg.style.clip="rect(0px "+(i+1)*30+"px 30px "+i*30+"px";
playerImg.style.left=20-i*30+"px";
i++;

}

}

</script>

</head>

<body>
<div style="position:absolute;left:100px;top:100px;width:400px;height:300px;border:1px solid blue">
<img id="playerImg" src="9597ab5c14ad31d6b574c2f7856b6c8e.jpg" style="position:absolute;left:20px;top:5px;clip: rect(0px 180px 90px 130px)"/>
aaaaaaaaaaaaaaaaaaaaaaaa
</div>
</body>
</html>