Macのログインパスワード入力などで間違えたとき、入力ウィンドウがプルプル震えて間違いであることを明確に指摘してくれる動きを再現、その(2)です。「入力ウィンドウを表示」ボタンクリックで、オーバーレイ付きで入力ウィンドウを表示します。パスワードが正しくないときは、ウィンドウ全体が震えます。正しいときは、ウィンドウがフェイドアウトします。(1)と同様に、動作の確認のため、入力したテキストと判定を表示します。このサンプルのIDはダミーのままで、パスワードのみ「1001」に設定してあります。

jQueryのanimate()を使って、パスワードを間違えたときプルプル震えるinputフィールド(1)

入力ウィンドウを表示​