jQueryシェイクレイヤー特殊効果実装method_jquery

この記事の例では、jQuery シェイキングレイヤー特殊効果の実装方法を説明します。皆さんの参考に共有してください。具体的な実装方法は以下の通りです。

コードをコピーします コードは次のとおりです:

<頭>




<スクリプトタイプ="text/javascript"> var box_left = 0;
$(document).ready(function () {
box_left = ($(window).width() - $('#box').width()) / 2;
$('#box,#footer').css({'left': box_left, 'position':'absolute'});
});
関数ショック()
{
for (i = 1; i {
$('#box').animate({
'左': '-=15'
}, 3, function() {
$(this).animate({
'左': ' =30'
}, 3, function() {
$(this).animate({
'左': '-=15'
}, 3, function() {
$(this).animate({
'左': box_left
}, 3, function() {
// ショックエンド
});
});
});
});
}
}

WPバックエンドのログインエラーを模倣する場合、特定のレイヤーを左右に振る

クリックして効果を確認してください

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