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

WBOY
リリース: 2016-05-16 16:10:15
オリジナル
1040 人が閲覧しました

この記事の例では、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 プログラミングに役立つことを願っています。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!