次のようなコンテナ コンテナがあるとします。 コードをコピーします コードは次のとおりです: <br>#container{width:auto;height:auto; overflow:hidden;} <br>/*ここでの overflow:hidden; の部分を設定します。コンテナを自動的に非表示にします。この属性が設定されているのは、ie8 以下のバージョンのブラウザ互換性の問題を解決するためです*/ <br> > 次に、ポップアップ div レイヤーを閉じる前にコンテナを操作できないように、Web ページに div レイヤーをポップアップする必要があります。 次に、最初にこのマスクの div レイヤーを次のように定義する必要があります: コードをコピーします コードは次のとおりです。 div> 次のステップでは、js を使用してマスク レイヤーを常に画面上に表示し、マスク レイヤーの下のコンテンツを操作できないようにします。マスクレイヤーを閉じるボタン コードをコピー コードは次のとおりです: <div class="codebody" id="code93315">$(function(){ <br>// 現在のブラウザの内側の幅と高さを取得します<br>varnWidth = window.innerWidth; <br>varnHeight = window.innerHeight ; <br>//マスクレイヤーの幅と高さを設定します<br>$("#shade").width(nWidth); <br>$("#shade").height(nHeight);閉じるボタンを中央に設定します <br>$( "#close").css("margin-top",nHeight/2-50 "px"); <br>//ブラウザーが起動したときにトリガーされるイベントを設定しますサイズ変更<br>$(window).resize(function (){ <br>//現在のブラウザの内部の幅と高さを取得します<br>varnWidth = window.innerWidth; <br>varnHeight = window.innerHeight; <br>//マスクレイヤーの幅と高さを設定します<br>$("#shade").width(nWidth); <br>$("#shade").height(nHeight);閉じるボタンを中央に設定します <br>$("#putPwd") .css("margin-top",nHeight/2-50 "px") <br>});マスクレイヤーを削除するボタン<br>$("#close").click( function(){ <br>$("#shade").removeAttr("id"); <br>$("#shade" ).html(""); <br>}); <br>// 純粋な js を使用して <br>Document.getElementById(“shade”).style…….; を記述することもできます。興味はあるけど書き方がわからない場合は、私に連絡してください。 <br>}) <br>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
