jQuery - onClick 事件上的颤抖图像

标签 jquery image events animation

我希望点击特定图像时,它会“颤抖”一会儿。

这是我的代码 html:

<div class="larger" id="miniGallery">

<div class="row spacer buttons-central">
  <div class="col-xs-4 col-sm-4 col-md-4"><a href="#"><img src="img/1.png" class="img-thumbnail img-responsive center-block"></a></div>
  <div class="col-xs-4 col-sm-4 col-md-4"><a href="#"><img src="img/2.png" class="img-thumbnail img-responsive center-block"></a></div>
  <div class="col-xs-4 col-sm-4 col-md-4"><a href="#"><img src="img/3.png" class="img-thumbnail img-responsive center-block"></a></div>
</div>

<div class="row spacer buttons-central">
  <div class="col-xs-4 col-sm-4 col-md-4"><a href="#"><img src="img/4.png" class="img-thumbnail img-responsive center-block"></a></div>
  <div class="col-xs-4 col-sm-4 col-md-4"><a href="#"><img src="img/5.png" class="img-thumbnail img-responsive center-block"></a></div>
  <div class="col-xs-4 col-sm-4 col-md-4"><a href="#"><img src="img/6.png" class="img-thumbnail img-responsive center-block"></a></div>
</div>

</div>

这可能吗?如果是,则最大值将是一个适用于组 miniGallery ID 的每个图像的 jQuery 函数;我该怎么办?

最佳答案

你可以尝试

Shake effect

$("a img").click(function (e) {
    $(this).effect("shake");
    e.stopPropagation();
});

Demo Fiddle

关于jQuery - onClick 事件上的颤抖图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22234068/

相关文章:

javascript - 如何使用 javascript 获取输入复选框 id 值?

javascript - 如何在纯javascript中创建多个div(createElement)

jquery,如何在另一个函数结束后立即运行一个函数

jquery - 动画不透明度,插入 html,动画不透明度

html - 如何在 HTML 中显示原始 rgb 图像

javascript - win 表单 web 浏览器菜单

algorithm - 快速获取图像主色的方法

python Bokeh : get image from webcam and show it in dashboard

javascript - 在 WPF Web 浏览器中调用 Javascript,无需调度程序

javascript - 单击浏览器后退按钮时触发事件