jquery は美しいポップアップ レイヤー プロンプト メッセージを作成します Effects_jquery

今日は、jquery に基づいたクールなポップアップ レイヤー プロンプト メッセージをお届けします。このサンプル ページは、[実行] ボタンで初期化されます。 [実行] ボタンをクリックすると、プロンプト ポップアップ レイヤーがアニメーション化されます。レンダリングは次のとおりです:

実装コード。

HTML コード:

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

ゴー

✔
                                                                                                                                                                              成功
                                                                                                                                                                          予約確認メールをチェックしてください。またすぐにお会いしましょう。
                                                                                   

OK

<スクリプト>
$('#go').click(function () {
go(50);
});
$('#ok').click(function () {
go(500);
});
setTimeout(function() {
go(50);
}, 700);
setTimeout(function() {
go(500);
}、2000);
関数 go(nr) {
$('.bb').fadeToggle(200);
$('.message').toggleClass('comein');
$('.check').toggleClass('scaledown');
$('#go').fadeToggle(nr);
}
//@sourceURL=pen.js




CSSコード: