怎么用js实现图片点击时放大，再点击恢复
我想用js实现图片点击时放大，再点击恢复，急求！！！！！！
海绵宝宝撒浏览 4750回答 11
11回答
-
aluckdog
最简单的一个方法例子： <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> -
临摹微笑
引用jquery $("img").click(function(){$(this).style("height",$(this).style("height")==="小的值"?"大的值":"小的值");}); -
浮云间
改变img的height和width属性 -
ibeautiful
有具体的代码吗 -
幕布斯7119047
有个jquery插件叫zoomy 你可以直接用。 -
慕莱坞森
mark一下 -
蛊毒传说
为了 不失真，推荐用两个图片进行替换显示 $("img0").click(function(){$(this).style("display","none");$("img1").style("display","")}; $("img1").click(function(){$(this).style("display","none");$("img0").style("display","")}; -
小唯快跑啊
如果是手机浏览器呢，会不会影响效果
随时随地看视频慕课网APP
相关分类
JavaScript