全国対応！外注・下請けのホームページ制作会社をお探しの会社様。
人員リソース不足、技術不足でお困りなら外注・下請け専門のランランドにお任せ下さい
Web blog WEBブログ
ポップアップ ウィンドウを作成
2019.08.08
※この記事は2019年08月08日時点の情報をもとに作成されました。
こんにちは。コーダーの兼山です。
今回は、ポップアップ ウィンドウの作り方を紹介します。
利用者にメッセージを伝えたり、特定の操作を促したりするために用いられることが多い仕様です。
【目次】
ポップアップ ウィンドウとは
ポップアップ ウィンドウとは、コンピュータの操作画面で、最前面に飛び出すように現れるウィンドウなどの表示要素のことです。
すでに表示されている他の要素に覆い被されるように出現します。
ポップアップ ウィンドウのデモ
[show popup] をクリックすることで、ポップアップウィンドウが出現し、[close popup] をクリックすることで、ポップアップウィンドウが閉じる仕様です。
ポイントは、CSS（スタイルシート）で、
#containerと#popupを非表示にしておくことです。
まとめ
デモは、シンプルにしてます。
コピーして、使用目的に応じてアレンジしてみてください。
ご相談・カスタマイズご依頼
弊社では上記ブログ内容にある修正・カスタマイズのご依頼も承っております。
ご自身で行ってみて上手くいかない場合などこちらよりお気軽にご相談ください。
この記事を書いた人 兼山 暖美 エンジニア
