JS居中弹出div,背景变暗
2012-06-13 15:15
387 查看
//背景css: #fullbg{ position:absolute; cursor:pointer; background-color: #000000; display: none; z-index: 100; left: 0px; top: 0px; filter: Alpha(Opacity=50); -moz-opacity: 0.5; opacity: 0.5; } //弹出背景html: <div id="fullbg"></div> //弹出框div的id: tishi_info
//弹出js函数:
function show_tishi() { var bH = $(document).height(); var bW = $(document).width(); $("#fullbg").css({ width: bW, height: bH, display: "block" }); var x=$(window).width()/2; var y=$(window).height()/2; var div_w=$("#tishi_info").width()/2; var div_h=$("#tishi_info").height()/2; var stop=document.documentElement.scrollTop; var sleft=$("tishi_info").scrollLeft(); var left=x-div_w+sleft+"px"; var top=y-div_h+stop+"px"; $("#tishi_info").css({"position": "absolute",left:left,top:top}); $("#tishi_info").show('block'); }
相关文章推荐
- js+CSS实现弹出居中背景半透明div层的方法
- js+CSS实现弹出居中背景半透明div层的方法
- JS弹窗 JS弹出DIV并使整个页面背景变暗功能的实现代码
- JS弹出居中的DIV的代码
- js弹出一个可拖拽的div+背景变灰
- Js制作简单弹出层DIV在页面居中 中间显示遮罩的具体方法
- JS弹出居中的DIV的代码
- JS弹出居中的DIV的代码
- js-div遮罩层、div弹出层居中(遮罩层居中显示)
- js弹出一个可拖拽的div+背景变灰
- js实现页面查询弹出div隐藏背景提示进度
- JS弹出居中的DIV的代码
- JS+CSS实现Div弹出窗口同时背景变暗的方法
- JS+CSS实现Div弹出窗口同时背景变暗的方法
- JS弹出居中的DIV
- js创建弹出DIV层并锁定背景层
- JS弹出居中的DIV的代码
- JS弹出居中的DIV
- JS+CSS实现Div弹出窗口同时背景变暗的方法
- js弹窗 js弹出DIV,并使整个页面背景变暗