jquery实现图片放大效果
好久没更新了，先来一发关于jquery图片放大缩小的代码
直接上代码
前端页面：
<tr> <td height="30" align="right" bgcolor="#f2f2f2" class="left_txt2">产品相册</td> <td bgcolor="#f2f2f2"> </td> <td width="32%" height="30" bgcolor="#f2f2f2" class="goodsimgupload"> <span id="uploadPercent"></span> <input type="hidden" value="<?php echo $result['goodsimg'];?>" name="goodsimg" /> <img class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="<?php echo $result['goodsimg'];?>" id="img_id" class ="img" width="100" height="50" > </td></tr>
$(function (){ var isbig = -1;//定义全局变量 判断放大缩小 自己发挥的写吧 $(".img").click(function(){ if(isbig == -1) { $("#img_id").animate({height: "300px", width: "300px"}); isbig = 1; }else{ $("#img_id").animate({height: "50px", width: "100px"}); isbig = -1; } });});
来自 “ ITPUB博客 ” ，链接：https://blog.itpub.net/106/viewspace-2817134/ ，如需转载，请注明出处，否则将追究法律责任。
上一篇：
已配置好的vue全家桶项目
下一篇：
机器学习笔记 第7课：线性判别分析算法
请登录后发表评论
登录
全部评论
