HTML + CSS + JQuery实现弹框
来源:互联网 发布:sql password函数 编辑:程序博客网 时间:2024/05/18 01:36
HTML + CSS + JQuery实现弹框
CSS
<style type="text/css"> #fullbg { background-color: gray; left: 0; opacity: 0.6; position: absolute; top: 0; z-index: 50000; filter: alpha(opacity = 50); -moz-opacity: 0.5; -khtml-opacity: 0.5; } #dialog { left: 43%; margin: -200px 0 0 -200px; position: fixed !important; /* 浮动对话框 */ position: absolute; top: 30%; z-index: 100000; display: none; }</style>
HTML
<div id="fullbg"></div><div id="dialog"> <div id="remarkDiv" style="margin-left: 0px; width: 100%;background-color: #e5e5e5;border-radius:10px;"> <div id="dialogTitleDiv" style="background-color:#a7c0ce;border-radius:10px 10px 0 0;height:40px;font-size:20px;font-weight:bold;padding-top:15px;" align="center"> 备注 </div> <div id="dialogContentDiv" style="padding:20px 10px 0 10px;"> <textarea rows="5" style="width:350px;" id="auditRemark"></textarea> </div> <span align="center" name='errMsgTip' style="display:block;color:red;"></span> <div align="center" bgcolor="#cccccc"> <input type="button" value="关闭" style="width:120px;margin-bottom:15px;" onclick="closeBg()" class="btn" /> <input type="button" value="提交" style="width:120px;margin-bottom:15px;" onclick="" class="btn" /> </div> </div></div>
JQuery
<script type="text/javascript"> function showBg() { $("#dialog").show(); $("#remarkDiv").show(); var bh = $("body").height(); var bw = $("body").width(); $("#fullbg").css({ height : bh, width : bw, display : "block" }); } //关闭灰色 jQuery 遮罩 function closeBg() { $("#fullbg,#dialog").hide(); $("[name='errMsgTip']").text('') }</script>
阅读全文
0 0
- HTML + CSS + JQuery实现弹框
- jQuery+css+html实现页面遮罩弹出框
- Jquery+html+css实现广告条
- HTML+CSS+jQuery实现弹幕技术
- Jquery+HTML+CSS运用
- jQuery操作HTML+CSS
- 手风琴 html+css+jquery
- jQuery 动画、HTML、CSS
- jQuery HTML / CSS 方法
- jQuery HTML/CSS操作
- 使用jquery + css + html实现点击左右箭头切换图片
- web前端,html+css+jquery实现竖直菜单
- web前端,html+css+jquery实现水平菜单
- jquery+css实现html选择树或树形菜单
- Html+css+js+jquery实现简单页面登录
- html+css+jquery实现右下角返回顶部功能
- HTML+CSS+jquery 实现环形比例图效果 AngularJS+css实现环形比例图效果
- 原生JS+CSS(CSS3)+HTML实现页面弹框
- 20、Android开发基础之AndroidManifest和Activity
- 【神经网络与深度学习】卷积与反卷积
- 第十一周java作业
- Python入门
- Java实现http(post、get)请求
- HTML + CSS + JQuery实现弹框
- Java遍历JSON
- C# 二级下拉列表框联动(ComboBox)(ExecuteReader)
- 计算广告--技术概览
- 阿里云虚拟化平台携手麦腾举办AI时代的加速核心武器交流会
- 前台发送ajax请求查询信息,并为input输入框赋值
- PHP笔记
- .Net 下载
- ubuntu:一次系统事故及其后续处理经验.