生成放大镜效果的jQuery插件–Melens

发布时间:2025-02-27 点击:22
这里我们介绍一款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定义的大图片,生成放大镜效果。
是不是非常不错,希望大家喜欢这个插件!

网站不仅仅是要眼球效应,还有更重要的使用性
搜索引擎蜘蛛抓取失败的几个原因
企业网站制作如何颠覆传统带来全新的用户体验
如何掌握网站建设需要哪些知识
网站定位的含义与详解
达州网站建设需要多少费用详解
网站建设的趋势
家装网站建设,家居网站建设怎么做