好久没更新了,先来一发关于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 src="<?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; } }); });