怎么用js实现图片点击时放大，再点击恢复

我想用js实现图片点击时放大，再点击恢复，急求！！！！！！

查看完整描述

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>

1 反对回复 2018-12-24

临摹微笑

TA贡献1982条经验获得超2个赞

引用jquery

$("img").click(function(){$(this).style("height",$(this).style("height")==="小的值"?"大的值":"小的值");});

反对回复 2018-12-24

浮云间

TA贡献1829条经验获得超4个赞

改变img的height和width属性

反对回复 2018-12-24

ibeautiful

TA贡献1993条经验获得超5个赞

有具体的代码吗

反对回复 2018-12-24

幕布斯7119047

TA贡献1794条经验获得超8个赞

有个jquery插件叫zoomy

你可以直接用。

反对回复 2018-12-24

慕莱坞森

TA贡献1810条经验获得超4个赞

mark一下

反对回复 2018-12-24

蛊毒传说

TA贡献1895条经验获得超3个赞

为了不失真，推荐用两个图片进行替换显示

$("img0").click(function(){$(this).style("display","none");$("img1").style("display","")};

$("img1").click(function(){$(this).style("display","none");$("img0").style("display","")};

反对回复 2018-12-24

小唯快跑啊

TA贡献1863条经验获得超2个赞

如果是手机浏览器呢，会不会影响效果

反对回复 2018-12-24

热搜

最近搜索清空

怎么用js实现图片点击时放大，再点击恢复

怎么用js实现图片点击时放大，再点击恢复

11 回答

添加回答