ホームページ > ウェブフロントエンド > jsチュートリアル > 中央に配置されたbackground_javascriptスキルを備えた半透明のdivレイヤーをポップアップするjs CSSメソッド

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

WBOY
リリース: 2016-05-16 16:12:46
オリジナル
1353 人が閲覧しました

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

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


<頭>

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 プログラミング設計に役立つことを願っています。
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート