ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScriptポップアップレイヤーコンポーネント(アップグレード版)_JavaScriptスキル

JavaScriptポップアップレイヤーコンポーネント(アップグレード版)_JavaScriptスキル

WBOY
リリース: 2016-05-16 18:06:48
オリジナル
1066 人が閲覧しました

今回は、元のコードの組織構造を使用して機能を再強化しました。現時点では、まだ 2 つの小さな問題があります。1 つ目は、IE6 のカスタム ポップアップ レイヤーが選択範囲をカバーできないことです。まだコンポーネントに追加されていないため、カスタム div に ifame を追加すると、コンポーネントに付属のポップアップ レイヤーをカバーできます。 2 番目の問題は、絶対位置に設定されているため、ブラウザのウィンドウ サイズが変更されたときに自動的に追従しないことです。もちろんやってみるとわかりますが、問題点はたくさんあると思いますが、当面は重要と思われる 2 つをここに記載し、後で修正します。

以下はコードです。コメントがあり、直接実行できます。
オンライン デモhttp://demo.jb51.net/js/2011/js_popup_up/index.htm

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





lock page









  1. custom popup layer

  2. Built-in modal dialog box

  3. Advertising in the lower right corner


< /div>
div id="owp" style="width:300px;height:200px;">This is the second test example! x

Advertising in the lower right cornerx



















< ;br/>






















< ;br/>






















< ;br/>





















<script> <br>//The parameter con is the content of the pop-up box, confirm is whether a confirmation button is needed, whether wraphide displays the mask layer, wrap custom layer id <br>var dlg1=d_log({con:'<span>Confirm you want to Delete this file? </span>',confirm:'check'});//Automatically generated dialog <br>var dlg2=d_log({wraphide:'hide',wrapId:'owp'});//Customized dialog <br>var dlg3=d_log({wraphide:'hide',wrapId:'owp1',pos:'right-bottom'});//position of pos pop-up layer<br>var arr=[1,2,3 ,4,5,5,6,7,8]; <br>function check(){ <br>alert('test!'); <br>} <br></script>

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