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>

三、效果

鼠標放到圖片有個搜索圖標，點擊後圖片放大，跑到網頁中間位置，並有灰色底層。