JQUERY弹出层背景变黑
来源:互联网 发布:西门子plc编程软件200 编辑:程序博客网 时间:2024/04/28 12:59
弹出层的html如下: <div id="floatBoxBg"></div>
css默认样式如下:
<div id="floatBox" class="floatBox">
<div class="title"><h4>标题</h4><span>关闭</span></div>
<div class="content">内容</div>
</div>#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;}
参数:
相关下载:
下载最新版本jQuery
下载 Lee dialog插件
下载默认css,应用时自行修改
应用:
dialog(title,content,width,height,cssName);
演示:
- post提交表单返回信息$("#form1").submit(function(){
var str=escape($("#str").val());
dialog("我的标题","url:post?test.asp?str="+str+"","200px","auto","from");
return false;
}); get加载一个.html文件(也可以是.php/.asp?id=4之类的) dialog("我的标题","test.html","200px","auto","text"); 试试 - 弹出纯文本内容 dialog("我的标题","text:我的内容","200px","auto","text"); 试试
- 弹出某id里面的html页面有<div id="testID" style="display:none;"><h2>Lee dialog</h2></div>
dialog("我的标题","id:testID","300px","auto","id"); 试试 - 加载一个页面以框架示 把blueidea加载进来,定义css:body .iframe .content{padding:0;}复盖一下,因为.content默认padding:20px;
dialog("blueidea","iframe:http://www.blueidea.com","500px","500px","iframe");
- JQUERY弹出层背景变黑
- JQUERY弹出层背景变黑
- Jquery弹出层,背景变暗 居中
- jquery实现弹框,背景变黑
- 背景灰 弹出层
- 弹出层效果,背景变暗
- 背景变暗,弹出提示层
- jQuery 弹出层 弹出对话框
- jquery实现弹出层
- jQuery 弹出提示层
- jQuery 弹出层实例
- jQuery jqModal弹出层
- jquery弹出层实例
- jquery 弹出层
- jquery弹出层实例
- Jquery 弹出浮动层
- jquery 弹出层 插件
- Jquery 弹出层插件
- .NET深入学习笔记(4):深拷贝与浅拷贝(Deep Copy and Shallow Copy)(转载)
- 经典名言
- 开发十大原则
- http://blog.csdn.net/mrunix/archive/2004/08.aspx
- 经典名言
- JQUERY弹出层背景变黑
- CVS冲突的解决
- Android平台显示单位px和dip以及sp的区别
- http://android.yaohuiji.com/archives/53
- Linux 下查看系统是32位 还是64 位的方法
- Ubuntu10.04下自动加载EXT4分区
- http://android.yaohuiji.com/archives/53
- 编程能力强化(4)——模拟SQL语句解析
- SVN分支和合并(转)