Lee dialog 1.0
http://www.okajax.com/demo/dialog/
Lee dialog 1.0作者:十字花匠 2008.8.16收集整理由:Ajax中国
标题关闭
内容
弹出层的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值,比如“200px” |
4 | height | 弹出层的高 | 如上,但是可用“auto” |
5 | cssName | 弹出层的css | 给id floatBox加入的样式名,层内样式可以通过这个样式名来定制 | |
应用:
dialog(title,content,width,height,cssName);
上传文件为实例
分享到:
相关推荐
jquery 弹出层背景变暗 Lee dialog
基于 jquery 项目中 用到的dialog弹出层 一种弹出层
dialog jquery弹出层这是一款jquery弹出层。支持ie6
一些简单的弹框、弹出层插件、jquery.dialogBox
Jquery UI dialog 详解 (弹出层) 包含jquery弹出层的详细介绍,以及代码用例
JQuery 弹出框 背景变灰色 设置你喜欢的样式
jQuery Dialog弹出层对话框插件演示,简单的那种,看上去比较不错,下面说一下用法: 基本操作 默认的 new Dialog(‘这是一个默认对话框‘).show(); 非模态对话框 new Dialog(‘非模态对话框,可以打开多个.,{modal...
Dialog基于jQuery弹出层对话框插件.zip
18、jQuery弹出对话框jQuery插件Dialog
jquery dialog 弹出层适合应用deiphi里面进行弹出层,不让其弹出页面。
jquery弹出效果实例,展示了jquery对弹出窗口的多个实例,弹出窗口框,弹出框内弹出页面,
jQuery Dialog 弹出层案例,页面代码已经改写,引入js和css页面添加一个div即可。下载包里面有案例
NULL 博文链接:https://lishuaishuai.iteye.com/blog/1267230
插件描述:jquery弹出框插件dialogbox. 参考示例:http://www.jq22.com/jquery-info4987
jQuery对话框Dialog弹出层插件演示与使用说明
通用jQuery对话框dialog或popup弹出层或提示窗口插件
遮罩层弹出半透明dialog,很fashion。
zDialog是一个很实用的jquery弹出层,兼容ie6/7/8、firefox2/3、Opera;弹出框在ie6下不会被select控件穿透; 无外部css文件,引用Dialog.js即可使用
简单的jquery dialog实现插件,使用简单,自行修改样式
4.jQueryUI Dialog 官方网站:http://jqueryui.com/demos/dialog/ 下载地址:http://jqueryui.com/demos/dialog/ 演示实例:http://jqueryui.com/demos/dialog/ 5.DOM window 官方网站:...