原生js写的放大镜效果_javascript技巧

我的大体思路是：时时监听鼠标的坐标，当鼠标移动时，透明层随着鼠标移动，大图片相对透明层的移动而移动。不废话了，看代码。

复制代码 代码如下:

放大镜 /*重置{*/ html{color:#000;background:#fff;} body,div{padding:0;margin:0;} img{border:none;} /*}重置*/ .outer{width:200px;height:150px;position:relative;margin:20px auto;} .inner{width:80px;height:60px;background:#f55;position:absolute;opacity:0.5;filter:alpha(opacity=50);left:0;top:0;cursor:pointer;} .aa{width:320px;height:240px;position:relative;border:1px red solid;margin:20px auto;overflow:hidden;} .imgs{position:absolute;} .outer img{width:200px;height:150px;}

原生js写的放大镜效果_javascript技巧

Articles Liés