我希望点击特定图像时,它会“颤抖”一会儿。
这是我的代码 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/