js实现图片点击放大

最新推荐文章于 2024-06-07 13:51:40 发布

Alan_DM

最新推荐文章于 2024-06-07 13:51:40 发布

阅读量6.2k

点赞数 2

分类专栏： JavaScript 文章标签： javascript

JavaScript 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

这个方法能达到效果，但是可能不太美观，是最简单的一种方法：

<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>

把相应的宽度和高度设置为自己的图片大小

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Alan_DM

关注关注

2
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
js实现图片点击放大

这个方法能达到效果，但是可能不太美观，是最简单的一种方法：<html> <head> <meta charset="utf-8" /> <script type="text/javascript" src='jquery-1.8.0.js'></script> </head> <body> <img id="img1" src=
复制链接

扫一扫