js放大镜放大图片效果
92 浏览量
2020-10-30
11:28:18
上传
评论
收藏 26KB PDF 举报
js放大镜放大图片效果放大镜放大图片效果
非常漂亮的js放大镜效果代码，对于浏览图片效果应该不错哦
<title>我们 js图片放大镜
</title>
<meta http-
equiv="imagetoolbar"
content="no">
<style type="text/css">
body {
background: #222;
overflow: hidden;
left: 0;
top: 0;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
#screen span {
position:absolute;
overflow:hidden;
border:#FFF solid
1px;
background:#FFF;
}
#screen img{
position:absolute;
left:-32px;
top:-32px;
cursor: pointer;
}
#caption, #title{
color: #FFF;
font-family: georgia,
'times new roman', times,
veronica, serif;
font-size: 1em;
text-align: center;
}
#caption b {
font-size: 2em;
}
</style>
<script
type="text/javascript"><!-
-
window.onerror = new
Function("return true");
var obj = [];
var scr;
var spa;
var img;
var W;
var Wi;
var Hi;
var wi;
var hi;
var Sx;
var Sy;
var M;
var xm;
var ym;
var xb = 0;
运行代码
复制代码
保存代码
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
资源评论
