【问题标题】:Toggle image size on click单击时切换图像大小
【发布时间】:2013-12-31 10:13:00
【问题描述】:

点击图片时如何切换图片大小?这是我现在拥有的代码,当单击图像时它会变大,但它只是保持这种状态。如何让它从原始大小到 600px 来回切换?

$("img").click(function() {
$(this).css({height: "600px", width: "600px"});
});

【问题讨论】:

    标签: jquery css


    【解决方案1】:
    $("img").click(function() {
       $(this).toggleClass("bigger");
    });
    

    在你的CSS中添加这个

    img .bigger {
        height: 600px;
        width: 600px;
    }
    

    【讨论】:

    • 我太笨了。这正是我所需要的。谢谢大家!
    【解决方案2】:

    改用.toggleClass()

    $("img").click(function() {
        $(this).toggleClass("test");    
    });
    

    CSS

    .test {
        height: 600px;
        width: 600px;
    }
    

    http://jsfiddle.net/V4u8K/

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2016-03-24
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2013-01-11
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多