中央に配置されたbackground_javascriptスキルを備えた半透明のdivレイヤーをポップアップするjs CSSメソッド

この記事の例では、js CSS を使用して背景が中央に配置された半透明の div レイヤーをポップアップする方法を説明します。皆さんの参考に共有してください。具体的な実装方法は以下の通りです。

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

<頭>



<スクリプトタイプ="text/javascript">
関数popopen(){
document.getElementById("bg").style.display="block";
document.getElementById("popbox").style.display="block"; }
関数 pupclose(){
document.getElementById("bg").style.display="none";
document.getElementById("popbox").style.display="none" ; }





CSS ポップアップ レイヤー、またはポップアップ ウィンドウ、半透明の背景を持つポップアップ ボックスは、Web サイトのログイン、ユーザー登録、アナウンス プロンプトでの使用に非常に適しています。
IE、FF、OPで使用可能〜ポップアップウィンドウ、背景は半透明です
原則: 2 つのレイヤー。1 つは高さと幅が 100% で、もう 1 つはポップアップするウィンドウの特定のコンテンツを含みます。
IE では、半透明には Alpha(opacity=60); のフィルターが使用されます。不透明の場合 IE では不透明度: 0.60 を使用します


ここをクリックしてウィンドウを開きます

2 つのレイヤー。1 つは高さと幅が 100% で、もう 1 つはポップアップするウィンドウの特定のコンテンツを含みます。半透明の場合は、フィルター Alpha(opacity=60) を使用します。 ) IE では;IE 以外では不透明度:0.60 を使用します;






クリックしてウィンドウを閉じます

この記事が皆様の JavaScript プログラミング設計に役立つことを願っています。