如何使用JQuery抖动垂直抖动div

Question

我用这个代码来动摇div

$(".target").effect( "shake", 
      {times:4}, 1000 );

是否可以垂直摇晃并设置摇晃的高度

Answer 1

您可以设置调用的选项direction,distance如Shake Effect API中所示.

$(".target").effect( "shake", { direction: "up", times: 4, distance: 10}, 1000 );

jsFiddle演示

Shake Effect API

方向(默认:"左")

类型:字符串值"left"或"right"将水平抖动元素,值"up"或"down"将垂直抖动元素.该值指定元素在效果的第一步沿轴移动的方向.

距离(默认值:20)

类型:数字摇动的距离.