Zoombie jQuery图片放大插件
- 作者：网页模板
- 大小：0.464MB
- 点击次数：
- 发布时间：2014-09-22 10:21
特效介绍
Zoombie jQuery图片放大插件，只要稍微改下调用方法，即可实现很多不同的放大效果，比如，图片灰色呈现彩色的放大效果、放大镜放大的效果、点击后放大的效果等等。本插件兼容IE8、360、FireFox、Chrome、Opera、傲游、搜狗、世界之窗. 不支持Safari浏览器以及比IE8更低版本的IE浏览器。
使用方法
1、在head引入下面的js和css文件：<style type="text/css">
//css根据需要修改
.zoom{
display:inline-block;
}
.zoom:after{
content:'';
display:block;
width:33px;
height:33px;
position:absolute;
top:0;
right:0;
}
.zoom img {
display: block;
}
.zoom img:selection { background-color: transparent; }
#image3 img:hover { cursor: url(images/grab.cur), default; }
#image3 img:active { cursor: url(images/grabbed.cur), default; }
</style>
<script src='http://www.5imoban.net/download/jquery/jquery-1.6.min.js'></script>
<script src='js/jquery.zoombie.js'></script>
2、根据需要调用代码，例如放大镜放大效果的调用代码如下：
<script type="text/javascript" language="javascript">
$(function () {
$("#img_02").zoombieLens({ Size: 200 });
});
</script>
- 本文标签：
- Zoombie,jQuery图片放大
