回転:jqueryポップアップレイヤの背景が暗くなります

見出し
閉じる
内容
ポップアップレイヤのhtmlは次のとおりです.<div id="floatBoxBg"></div>
<div id="floatBox" class="floatBox">
<div class="title"><h4> </h4><span> </span></div>
<div class="content"> </div>
</div> cssのデフォルトスタイルは、#floatBoxBg{width:100%;height:100%;background:#000;filter:alpha(opacity=50);opacity:0.5;position:absolute;top:0;left:0;}
.floatBox{border:#666 5px solid;width:300px;position:absolute;top:50px;left:40%;}
.floatBox .title{height:23px;padding:7px 10px 0;background:#333;color:#fff;}
.floatBox .title h4{float:left;padding:0;margin:0;font-size:14px;line-height:16px;}
.floatBox .title span{float:right;cursor:pointer;}
.floatBox .content{padding:20px 15px;background:#fff;}
パラメータです.
じゅんじょ
パラメータ
機能
コメント
1
title
ポップアップレイヤーのタイトル
必須、テキスト
2
content
レイヤーの内容をポップアップ
:url
getまたはpostのあるページのhtmlで、bodyのサブラベルのみを含める必要があります.
:text
直接書き込み
:id
ページ内のidのサブラベルを表示
:iframe
レイヤー内のコンテンツをフレームで表示
3
width
ポップアップレイヤの幅
必須、css値、例えば「200 px」
4
height
ポップアップレイヤの高さ
上記のように、「auto」を使用できます.
5
cssName
ポップアップレイヤのcss
id floatBoxに追加されたスタイル名で、レイヤ内のスタイルはこのスタイル名でカスタマイズできます.
関連ダウンロード:最新バージョンjQueryダウンロードLee dialogプラグインダウンロードデフォルトcss、アプリケーション時に自分でアプリケーションを変更する:dialog(title,content,width,height,cssName);プレゼンテーション:
postはフォームの返却情報$("#form 1").submit(function(){var str=escape($("#str").val();dialog("私のタイトル","url:post?test.asp?str="+str+","200 px","auto","from");return false;});
 
やってみる
getは1つロードする.htmlファイル(.php/.asp?id=4など)dialog(「私のタイトル」,「test.html」,「200 px」,「auto」,「text」)を試してみてください
純粋なテキストコンテンツdialog(「私のタイトル」,「text:私のコンテンツ」,「200 px」,「auto」,「text」)をポップアップします.を試してみてください
あるidの中のhtmlページを弾き出すとdialog(「私のタイトル」,「id:testID」,「300 px」,「auto」,「id」)を試してみてください
1つのページをロードしてフレームワークでblueideaをロードし、css:bodyを定義する.iframe .content{padding:0;}カバーしてください.contentデフォルトpadding:20 px;dialog("blueidea","iframe:http://www.blueidea.com「,『500 px』,『500 px』,『iframe』);を試してみる