ホームページ > 記事 > ウェブフロントエンド > Jquery はカスタムポップアップウィンドウを実装します。

Jquery はカスタムポップアップウィンドウを実装します。

WBOYオリジナル: 2016-05-16 16:55:361067ブラウズ

プロジェクト開発では、JavaScript に付属のプロンプトダイアログボックスを使用するとあまり美しくないため、通常はいくつかのダイアログボックスを自分で定義します。ここでは、ボタンをクリックするとポップアップするログインウィンドウを実装します。ドラッグアンドドロップ機能を実装するには、言葉が多すぎて明確に説明できないため、コードを使用して説明します。

ここでは HTML、CSS、Jquery コードを個別に投稿します

HTML 部分:

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

<-- Pop-上の部分 -- >

h3>テンセントタイガーパスにログイン

×

>

;

ユーザー名を入力してください

;

="prompt " id="pwd_p">パスワードを入力してください
;

; 次へ自動ログイン

<入力タイプ= submit" value="ログイン" class="inputstyle ログイン" id="login"/>

今すぐ登録
テーブル>

次の方法でログインできます

MSN< ;/li>

>

CSS パーツコード:

コードをコピー

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

Jquery代：

复制代代码如下:

The code for the entire function is here

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

前の記事：js_javascriptスキルで複数のウィンドウを開くためにwindow.open()を使用するときの名前の問題次の記事：js_javascriptスキルで複数のウィンドウを開くためにwindow.open()を使用するときの名前の問題

続きを見る

パスワードをお忘れですか?

Jquery はカスタム ポップアップ ウィンドウを実装します。

×

関連記事

Jquery はカスタムポップアップウィンドウを実装します。