検索

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

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

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

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

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

HTML 部分:

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


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

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

×


>

;

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


;

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

; 次へ 自動ログイン


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


今すぐ登録
テーブル>



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



  • QQ

  • MSN< ;/li>



>

CSS パーツ コード:




コードをコピー


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



Jquery代：
复制代 代码如下:



The code for the entire function is here
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
前の記事：js_javascriptスキルで複数のウィンドウを開くためにwindow.open()を使用するときの名前の問題次の記事：js_javascriptスキルで複数のウィンドウを開くためにwindow.open()を使用するときの名前の問題

関連記事

続きを見る
パスワードをお忘れですか?