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、效果
鼠标放到图片有个搜索图标,点击后图片放大,跑到网页中间位置,并有灰色底层。