ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScript ウィンドウ読み込みマスク埋め込み Web コンテンツ_JavaScript スキル

JavaScript ウィンドウ読み込みマスク埋め込み Web コンテンツ_JavaScript スキル

WBOY
WBOYオリジナル
2016-05-16 18:15:531141ブラウズ
コードをコピー コードは次のとおりです:

//ナビゲーションの背景、iframe コンテナーを初期化します
関数fnDaoHangBg()
{
var h = fnGetHeight(),w = fnGetWidth();//背景ウィンドウ サイズを取得します
if(!$('divDaoHangBg'))
{
var div = $ C('div');//背景マスクを作成します
div.id = 'divDaoHangBg';
div.style.backgroundColor = 'black';
div.style.position = '絶対';
div.style.filter = 'alpha(opacity=80)';
div.style.zIndex = 100001; div.style.left = 0;
div.style.width = w 'px'; document.body.appendChild(div);

if(!$('divDaoHangBgIframe'))
{
var iframe = this.$C(' IFRAME'); // 他の Web ページの埋め込み表示用のインライン iframe コンテナを作成します。
iframe.frameBorder = '0'; "いいえ" ;
iframe.style.overflow = 'hidden';
iframe.style.display = 'none'; w 'px ';//800
iframe.style.height = h 'px';//620
iframe.style.marginTop = '75px';//800
$('divDaoHangBg') .appendChild( iframe);
}
if(!$('divDaoHangBgClose'))
{
var div = $C('div');// マスクに閉じるボタンを作成します
div.id = 'divDaoHangBgClose';
div.style.position = 'absolute';
div.style.backgroundImage='url(images/closb.gif)'; .zIndex = 100003;
div.style.right = 10;
div.style.width = '82px'; 30px';
div.title='Close';
div.style.cursor='hand';
div.onclick=function(){// マスクを閉じるまでの時間
fnDaoHangBgClose ();
};
$('divDaoHangBg').appendChild(div);
$('divDaoHangBgIframe').style.display='ブロック'; 'divDaoHangBg' ).style.display='block';
}
//マスクを閉じる
関数 fnDaoHangBgClose()
{
if(!$('divDaoHangBg')){ return;}
if(!$('divDaoHangBgIframe')){return;}
$('divDaoHangBgIframe').src='';
$('divDaoHangBgIframe').style.display=' none';
$('divDaoHangBg').style.display='none';
}
//呼び出し、埋め込み URL
関数 fnDaoHangBgShow(url)
{
fnDaoHangBg () ;
$('divDaoHangBgIframe').src=url;
}


$() と $C() はそれぞれ
$(id) を表します。 ID オブジェクト、 document.getElementById(id)
$C(tag)、タグを作成します、 document.createElement(tag);
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。