您好,登錄后才能下訂單哦!
好久沒更新了,先來一發關于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; } }); });
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。