css截图
来源:互联网 发布:中国工业软件网网址 编辑:程序博客网 时间:2024/05/24 06:43
css截图
代码:<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style type="text/css">
</style>
<script type="text/javascript">
var i=0;
window.onload=function(){
document.onclick=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>
结果:
0 0
- css截图
- CSS截图图片的几种方式
- 截图
- 截图
- 截图
- 截图
- 截图
- 截图
- 截图
- 截图
- 截图
- 截图
- 截图
- 截图
- 截图
- 截图
- 截图
- 截图
- 用ScrollView设置导航栏滚动时图
- 网络通信 - HTTP
- 美国奥斯汀之行
- flume与kafka联调测试
- NYOJ 23 取石子(一)
- css截图
- 笔记本开启wifi热点
- 远程执行服务器脚本
- hadoop +hbase +zookeeper 完全分布搭建 (版本一)
- 几个免费的IT技能学习视频网站
- Red-Black Trees 红黑树
- Alpine Linux,一个只有5M的Docker镜像
- 网络编程_1
- 通过 Hibernate API 编写访问数据库的代码