我想用js實現圖片點擊時放大，再點擊恢復，急求?。。。。?！
怎么用js實現圖片點擊時放大，再點擊恢復
海綿寶寶撒
2018-12-07 00:03:57
11 回答
aluckdog
TA貢獻1847條經驗 獲得超7個贊
最簡單的一個方法例子：
<html> <head> <meta charset="utf-8" /> <script type="text/javascript" src='jquery-1.8.0.js'></script> </head> <body> <img id="img1" src="11.jpg" style="width:100px;height:150px" alt="" /> </body> <script type="text/javascript"> $(function(){ $("#img1").click(function(){ var width = $(this).width(); if(width==100) { $(this).width(200); $(this).height(300); } else { $(this).width(100); $(this).height(150); } }); }); </script> </html>
臨摹微笑
TA貢獻1982條經驗 獲得超2個贊
引用jquery
$("img").click(function(){$(this).style("height",$(this).style("height")==="小的值"?"大的值":"小的值");});
蠱毒傳說
TA貢獻1895條經驗 獲得超3個贊
為了 不失真，推薦用兩個圖片進行替換顯示
$("img0").click(function(){$(this).style("display","none");$("img1").style("display","")};
$("img1").click(function(){$(this).style("display","none");$("img0").style("display","")};
添加回答
舉報
0/150
提交
取消