问答博客资讯标签用户活动
logo极客观点logo项目管理logoHarmonyOS
开发者社区
javascript
前端
python
node.js
react
vue.js
php
laravel
go
人工智能
mysql
linux
ios
java
android
css
typescript
spring
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

js或者jquery如何点击图片放大，再点击回到回来大小

头像
月东来
    1354577

    我现在取了一个图片，给他限定了大小width:140px;height:auto;我如何点击他放大到图片原本的寬高，再点击再回到我限死的状态，就在当前页面就可以了，不需要弹出来显示

    javascript
    阅读 7.4k
    1 个回答
    得票最新
    头像
    adongP
      20586198

      <!DOCTYPE html>
      <html>

      <head>
    <meta charset="UTF-8">
    <title></title>
    <script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
    <style>
        img{
            width:140px;
            height:auto;
        }
        .title{
            width:40px;
            height:auto;
        }
    </style>
</head>
<body>
    <img src="img/img10.jpg"/>
    <button class="btn">点击</button>
</body>

      </html>
      <script>

      $(function(){
    $(".btn").on('click',function(){
        $('img').toggleClass('title');
    })
})

      </script>

      撰写回答
      你尚未登录，登录后可以
      • 和开发者交流问题的细节
      • 关注并接收问题和回答的更新提醒
      • 参与内容的编辑和改进，让解决方法与时俱进
      推荐问题