Web ページでマスク レイヤーを使用すると、繰り返しの操作を防ぎ、読み込みを促進できます。また、ポップアップ モーダル ウィンドウをシミュレートすることもできます。 実装のアイデア: 1 つの DIV がマスク レイヤーとして使用され、1 つの DIV に読み込み中の動的 GIF 画像が表示されます。次のサンプル コードは、iframe サブページでマスク レイヤーの表示と非表示を切り替える方法も示しています。 サンプルコード: インデックス.html XML/HTML コードコンテンツをクリップボードにコピー
インデックス.css CSSコードコンテンツをクリップボードにコピー
インデックス JavaScriptコードコンテンツをクリップボードにコピー
本文.html XML/HTML コードコンテンツをクリップボードにコピー
実行結果: 初期化 マスクレイヤーと読み込みプロンプトを表示する マスクレイヤーを表示し、ポップアップモーダルウィンドウをシミュレートします 以上がこの記事の全内容です。皆様の勉強のお役に立てれば幸いです。 原文: http://www.cnblogs.com/haoqipeng/p/html-overlay.html |
>>: Vue の計算プロパティとプロパティリスニングについての簡単な説明
目次1. 証明書を生成する2. リモートを有効にする3. リモート接続3.1 Jenkins接続3....
1. Reactでクラス宣言する際のヒント 上記のように、Child クラスは class キーワー...
目次序文1. レスポンシブシステムの重要な要素1. データの変更を監視する方法2. 依存関係を収集す...
みなさんこんにちは。今日は、MySQL 8.0.22 のインストールと構成について学習します。注意深...
目次パーサーとプリプロセッサクエリオプティマイザーMySQL クエリの最適化には、解析、前処理、最適...
1. ノードを削除するkubectl delete node node01を実行します。 2. この...
今日ふと、HTML でチェックボックスのスタイルを変更できる範囲が限られていることと、チェックボック...
この物語は、今日の予期せぬ発見から始まります。同社には複数のウェブサイトがある。友達リンクにはお互い...
目次構成解析サービス構築ディレクトリ構造ファイルを作成インスタンス構成サービスを開始するテストRed...
導入今日は、MySQL の sum 関数の使い方を紹介します。この関数は、MySQL データベースを...
CSS の font-family プロパティを使用して中国語フォントを参照する場合、フォントを定義...
まず、SFTP プロトコルと FTP プロトコルの違いを理解してください。ここでは詳細には触れません...
プロジェクトの展開中に遭遇した落とし穴Zhihudemo を展開する際、Jenkins などの自動展...
目次序文1. まず、既存のバージョンの MySQL を完全にアンインストールします。 2. deb ...
垂直方向では、セルの配置を上、中央、下に設定できます。基本的な構文<TD VLIGN=&quo...