Lee dialog 1.0
http://www.okajax.com/demo/dialog/
Lee dialog 1.0作者:十字花匠 2008.8.16收集整理由:Ajax中国
标题关闭
内容
弹出层的html如下:
[quote]<div id="floatBoxBg"></div>
<div id="floatBox" class="floatBox">
<div class="title"><h4>标题</h4><span>关闭</span></div>
<div class="content">内容</div>
</div>[/quote]
css默认样式如下:
[quote]#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;}[/quote]
参数:
[table]
|顺序|参数|功能|备注|
|1|title|弹出层的标题|必填,纯文本|
|2|content| 弹出层的内容|:url get或post某一页面里的html,该页面要求只包含body的子标签 :text 直接写入内容 :id 显示页面里某id的子标签 :iframe 层内内容以框架显示|
|3 |width |弹出层的宽| 必填,css值,比如“200px”|
|4 |height |弹出层的高 |如上,但是可用“auto”|
|5 |cssName |弹出层的css|给id floatBox加入的样式名,层内样式可以通过这个样式名来定制| [/table]
应用:
dialog(title,content,width,height,cssName);
上传文件为实例
http://www.okajax.com/demo/dialog/
Lee dialog 1.0作者:十字花匠 2008.8.16收集整理由:Ajax中国
标题关闭
内容
弹出层的html如下:
[quote]<div id="floatBoxBg"></div>
<div id="floatBox" class="floatBox">
<div class="title"><h4>标题</h4><span>关闭</span></div>
<div class="content">内容</div>
</div>[/quote]
css默认样式如下:
[quote]#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;}[/quote]
参数:
[table]
|顺序|参数|功能|备注|
|1|title|弹出层的标题|必填,纯文本|
|2|content| 弹出层的内容|:url get或post某一页面里的html,该页面要求只包含body的子标签 :text 直接写入内容 :id 显示页面里某id的子标签 :iframe 层内内容以框架显示|
|3 |width |弹出层的宽| 必填,css值,比如“200px”|
|4 |height |弹出层的高 |如上,但是可用“auto”|
|5 |cssName |弹出层的css|给id floatBox加入的样式名,层内样式可以通过这个样式名来定制| [/table]
应用:
dialog(title,content,width,height,cssName);
上传文件为实例