jquery - 单击切换图像大小

标签 jquery css

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

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

最佳答案

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

在你的CSS中添加这个

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

关于jquery - 单击切换图像大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20850680/

相关文章:

javascript - ckeditor 将样式应用于选择

css - JQuery UI 限制覆盖 z-index

css - 如何在Magento中实现CSS Sprite?

javascript - 通过比较数组从 DOM 中查找单词

javascript - 准备一个具有相应值的日期数组

javascript - 列表对象 ID 值与对话框模式属性绑定(bind)

用于将 img 选项卡转换为链接的 jQuery 插件

css - 在 Bootstrap 中设置列​​表框宽度以填充列宽度

jquery - 将正则表达式添加到 jquery.validate

jquery - 移动/大型基础 6 的粘性导航