实现jquery放大镜的两种方法

前端之家收集整理的这篇文章主要介绍了实现jquery放大镜的两种方法前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

jquery写的两种放大镜效果,没有使用到插件。调理和思路清晰。不是使用面向对象方式写的,初学者较容易看懂。废话不多说,看代码图片这里就不上传了,大家自己找下。最好是找到比例的,这样效果比较好。

<div class="big">
<img src="img/800_1.jpg" style="display: block;">
<img src="img/800_2.jpg">

css代码

.shade{width: 200px; height: 200px; position: absolute; background: #000; opacity: 0.4; top: 0;
left: 0; display: none;}
.big{width: 400px; height: 400px; position: absolute; top: 100px; overflow: hidden; left: 500px; display: none;}
.big img{width: 800px; height: 800px; position: absolute; display: none;}

js代码

原文链接:https://www.f2er.com/jquery/33633.html

猜你在找的jQuery相关文章