简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
ホームページ > ウェブフロントエンド > jsチュートリアル > 本文

モーダルマスクlayer_javascriptスキル用の最も単純なJSコードをポップアップします。

WBOY
リリース： 2016-05-16 17:10:39
オリジナル
1024 人が閲覧しました

次のようなコンテナ コンテナがあるとします。

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


>



次に、ポップアップ div レイヤーを閉じる前にコンテナを操作できないように、Web ページに div レイヤーをポップアップする必要があります。
次に、最初にこのマスクの div レイヤーを次のように定義する必要があります:

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


div>



次のステップでは、js を使用してマスク レイヤーを常に画面上に表示し、マスク レイヤーの下のコンテンツを操作できないようにします。マスクレイヤーを閉じるボタン


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


関連ラベル：
ポップアップ マスクレイヤー
ソース：php.cn
前の記事：JS_javascript スキルで HTML オブジェクトを取得するいくつかの方法の紹介 次の記事：JSはURL_javascriptスキルでパラメータデータを取得します
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
子ウィンドウは親ウィンドウを操作しますが、出力は応答しません。 最初の 2 つの文は実行可能ですが、最後の文は実装できません。
から 2024-04-19 15:37:47
0
1
1361
親ウィンドウには出力がありません document.onclick = function(){ window.opener.document.write('私は子ウィンドウの出力です');
から 2024-04-18 23:52:34
0
1
1284
他の CSS コードに関係なく、フレックスボックス内のテキストを強制的に垂直方向の中央に配置する方法はありますか? 開発中の Web サイトで使用されている大規模な CSS コードの一部である次の CSS コードがあります。 }.card-u{margin:20px;padding:20px;w...
から 2024-04-06 20:41:51
0
1
518
MySQL SQLクエリを使用して別のテーブルのフィールドの合計を計算する 次のようなスキーマがあります。 属性「user_id」と「username」を持つユーザーテーブルと、属性「customer_id」（user_idのFK）と「finalPrice...
から 2024-04-06 19:39:29
0
1
441
Axios と Node.js を使用して PokeAPI から特定の統計 (Stats) を取得する際に問題が発生する 問題があり、PokemonAPI を使用しようとしていますが、攻撃、HP、および速度の統計にアクセスしようとすると、すべてのポケモンに対して未定義と表示されます。 API呼び出しの...
から 2024-04-06 18:46:35
0
1
464
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト：福祉オンライン PHP トレーニング，PHP 学習者の迅速な成長を支援します！