jq点击图片放大

代码&资源文件： jq点击图片放大.rar

一、文件

二、html代码

//引入css、js
<link rel="stylesheet" type="text/css" href="./src/zoomify.min.css">
<script type="text/javascript" src="./src/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="./src/zoomify.min.js"></script>

<img class="pic" src="./src/test.png" style="width: 40px;" alt="">

<script type="text/javascript">
    $(function(){
        $('.pic').zoomify();//图片放大
    });
</script>

三、效果

鼠标放到图片有个搜索图标，点击后图片放大，跑到网页中间位置，并有灰色底层。