海綿寶寶撒
2018-12-07 00:03:57
我想用js實(shí)現(xiàn)圖片點(diǎn)擊時(shí)放大,再點(diǎn)擊恢復(fù),急求?。。。。?!
11 回答

aluckdog
TA貢獻(xiàn)1847條經(jīng)驗(yàn) 獲得超7個(gè)贊
最簡單的一個(gè)方法例子:
<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貢獻(xiàn)1982條經(jīng)驗(yàn) 獲得超2個(gè)贊
引用jquery
$("img").click(function(){$(this).style("height",$(this).style("height")==="小的值"?"大的值":"小的值");});

蠱毒傳說
TA貢獻(xiàn)1895條經(jīng)驗(yàn) 獲得超3個(gè)贊
為了 不失真,推薦用兩個(gè)圖片進(jìn)行替換顯示
$("img0").click(function(){$(this).style("display","none");$("img1").style("display","")};
$("img1").click(function(){$(this).style("display","none");$("img0").style("display","")};
添加回答
舉報(bào)
0/150
提交
取消