jq实现点击弹出框代码

废话不多说,先贴代码吧

        <script>
            function showBg() {                    //定义 showBg 函数
                var bh = $("body").height();       //获得整个body(浏览器窗口)的高度 并 赋值给 bh
                var bw = $("body").width();        //获得整个body(浏览器窗口)的宽度 并 赋值给 bw
                    $("#fullbg").css({             // 通过 JQ 的css() 事件,给选中的节点 (“#fullbg”)添加属性
                    height:bh,
                    width:bw,
                    display:"block"
                    });
                    $("#dialog").show();          //并且让 节点(“dialog”) show()出来
                    }
            function closeBg() {
                $("#fullbg,#dialog").hide();      //关闭弹出款  通过 hide() 方法
            }
        </script>

解释的很清楚了吧。

时间: 2024-08-03 10:37:12

jq实现点击弹出框代码的相关文章

Js弹出层,弹出框代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Typ

【原创】贡献一个JS的弹出框代码...

一.前言 最近在做一个项目,自己感觉系统自带的alert()方法的弹出框实在是不堪入目,所以在网上找了一些资料,然后自己加工了一下,做出了自己的一个js弹出框,在这里贡献出来,希望对你有帮助. 二.开始 在这里我们来一个获取验证码的页面来说明,也是在我项目用用到的一个页面.我们首先创建一个HTML的静态页面.其中代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www

点击datagrid弹出ldhdialog,点击弹出框的按钮,关闭且刷新datagrid

datagrid里的js这么写 //点击添加按钮触发 function superadd(title,addurl,gname,width,height) { gridname=gname; createwindow(title, addurl,width,height); }//点击修改按钮触发function superupdate(title,url, id,width,height,isRestful) { gridname=id; var rowsData = $('#'+id).da

Python 弹出框代码

  from ctypes import * user32 = windll.LoadLibrary('user32.dll')#调用dll文件 #a是得到弹出框的选择按钮的值 user32.MessageBoxA(0显示弹出框,显示消息内容,弹出框标题内容,0-6个选择) #乱码要添加编码格式 .decode('utf8').encode('GBK') a = user32.MessageBoxA(0, str.encode('你好!').decode('utf8').encode('GBK'

经验总结:WebBrowser自动点击弹出提示框alert、弹出对话框confirm、屏蔽弹出框、屏蔽弹出脚本错误的解决办法

经验总结:WebBrowser自动点击弹出提示框alert.弹出对话框confirm.屏蔽弹出框.屏蔽弹出脚本错误的解决办法 网上有好多解决方法,可是不一定好使,本人经过多次试验,针对WebBrowser控件中自动点击弹出框及禁用脚本提示问题得到如下几种实际情况的解决办法,绝对管用. 1.屏蔽弹出错误脚本 将WebBrowser控件ScriptErrorsSuppressed设置为True即可. (参考本篇博客:http://www.cnblogs.com/qqflying/archive/20

【代码笔记】轮询弹出框

一,效果图. 二,工程图. 三,代码. RootViewController.m #import "RootViewController.h" //加入弹出框的头文件 #import "MPNotificationView.h" @interface RootViewController () @end @implementation RootViewController - (id)initWithNibName:(NSString *)nibNameOrNil

显示遮罩层和弹出框

因为最近用到了遮罩层和弹出框,上网查资料后自己完成了一个,在此做一下记录做保存. 因为用到了jq,所以需要引入jq文件,比如jquery-1.11.3.js 以下是jsp的代码: <body> <div> <input id="button" type="button" value="点击我"> <div class="shareDialog"> <div class=&q

轮询弹出框

第一次接触轮询的概念,其实后来才明白,轮询就是一个HTTP请求,只不过后来又加了一个定时器.可以让软件过一段时间就像服务器请求一次. 轮询中有个弹出框,还是很奇怪的.其实,很简单.它只是用了一个开源的库. 1,下载开源的库,MPNotification. 2,把里面的MPNotificationView,OBGradientView两部分添加到工程里.如下图所示. 3,上代码: //加入弹出框的头文件 #import "MPNotificationView.h" - (void)vie

弹出框插件

本插件ccShow是用来在前端显示弹出框,用户可以点击按钮,弹出一个框,也可以Ajax请求时,弹出提示语,请求中,等Ajax结束后,就显示已完成或者请求失败等情况.基于jQuery的插件,兼容各种浏览器. var ccShow = {}; var isSetTimeOut=false; var isShow = false, showType = ""; ccShow.showMsg = function (rb, type, willHide,callback,showTime) {