jQuery が it_jquery を拡張することでジッター効果を実現する方法

この記事の例では、jQuery が拡張機能を通じてジッター効果を実現する方法について説明します。皆さんの参考に共有してください。具体的な実装方法は以下の通りです。

1. JavaScript コードは次のとおりです:

コードをコピー コードは次のとおりです。

jQuery.fn.shake = function(intShakes /*シェイクの量* /, intDistance /*揺れの距離*/, intDuration /*持続時間*/) {
This.each(function() {
var jqNode = $(this);
jqNode.css({position: ‘relative’});
for (var x=1; x jqNode.animate({ left: (intDistance * -1) },(((intDuration / intShakes) / 4)))
.animate({ left: intDistance },((intDuration/intShakes)/2))
.animate({ left: 0 },(((intDuration/intShakes)/4)));
}
});
これを返してください;
}

2. 使用方法:

コードをコピー コードは次のとおりです。

$(function() {
$('#btn').click(function() {
$(this).shake(2,10,400);
});
});

この記事が皆さんの jQuery プログラミングに役立つことを願っています。