jq点击图片放大

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

1、文件

2、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>

3、效果

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

转载于:https://www.cnblogs.com/mg007/p/11193681.html