帮助你生成放大镜效果的jQuery插件 - Melens

在线演示  当地下载

各人必定在早年gbin1宣布的文章中看到过辅佐你天生图片“放大镜”结果的插件，本日这里我们再先容一款jQuery插件 - Melens。假如各人必要让有乐趣的用户查察更清楚的图片，放大镜结果每每是不错的选择。

首要特征

•支持统一页面多个实例

•支持放大镜的边框范例（圆形可能矩形）

•支持修改边框颜色

•支持修改边框巨细（矩形可支持圆角）

怎样行使

倒入类库代码：

<script type=“text/javascript” src=“js/jquery-1.8.2.min.js”>script>

<script type=“text/javascript” src=“js/jquery.mlens-1.0.js”>script>

天生放大镜结果代码：

$（“#green_monster”）.mlens（ {

imgSrc： $（“#green_monster”）.attr（“data-big”），

lensShape： “circle”，

lensSize： 180，

borderSize： 4，

borderColor： “#fff”

}）;

HTML代码：

<div id=“green_wrapper”>

<img id=“green_monster” src=“images/GreenMonster_640px.jpg” alt=“green monster graffiti by Kotzian” data-big=“images/GreenMonster_1280px.jpg” />

div>

以上代码中，当用户将鼠标移动到图片后，会加载data-big界说的大图片，天生放大镜结果。

是不长短常不错，但愿各人喜好这个插件！

来历：辅佐你天生放大镜结果的jQuery插件 - Melens

（编辑：河北网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!