JS弹出层的显示与隐藏示例代码


Posted in Javascript onDecember 27, 2013
<!--弹出层的显示与隐藏--> 
<script type="text/javascript"> 
//弹出层的显示 
//overlays:为遮罩层的ID 
//wins:弹出层窗体的ID 
//弹出层中用于拖动的ID 
function popDIV_show(overlays,wins,wins_title) { 
var oLays = documentgetElementById(overlays); 
var oWins = documentgetElementById(wins); 
var oWins_title = documentgetElementById(wins_title); 
var bDrag = false; 
var disX = disY = 0; 
var w = ""; 
var n = 1; 
if (n > 0) { 
oLaysstyledisplay = "block"; 
oWinsstyledisplay = "block"; 
oWins_titleonmousedown = function(event) { 
var event = event || windowevent; 
bDrag = true; 
disX = eventclientX - oWinsoffsetLeft; 
disY = eventclientY - oWinsoffsetTop; 
thissetCapture && thissetCapture(); 
return false 
}; 
documentonmousemove = function(event) { 
if (!bDrag) 
return; 
var event = event || windowevent; 
var iL = eventclientX - disX; 
var iT = eventclientY - disY; 
var maxL = documentdocumentElementclientWidth 
- oWinsoffsetWidth; 
var maxT = documentdocumentElementclientHeight 
- oWinsoffsetHeight; 
iL = iL < 0 ? 0 : iL; 
iL = iL > maxL ? maxL : iL; 
iT = iT < 0 ? 0 : iT; 
iT = iT > maxT ? maxT : iT; 
oWinsstylemarginTop = oWinsstylemarginLeft = 0; 
oWinsstyleleft = iL + "px"; 
oWinsstyletop = iT + "px"; 
return false; 
}; 
documentonmouseup = windowonblur = oWins_titleonlosecapture = function() { 
bDrag = false; 
oWins_titlereleaseCapture && oWins_titlereleaseCapture(); 
}; 
} 
} 
//弹出层的隐藏 
//overlays:为遮罩层的ID 
//wins:弹出层窗体的ID 
function popDIV_hidden(overlays,wins) { 
var oWins = documentgetElementById(wins); 
var oLays = documentgetElementById(overlays); 
oWinsstyledisplay = "none"; 
oLaysstyledisplay = "none"; 
} 
</script>
Javascript 相关文章推荐
javascript脚本编程解决考试分数统计问题
Oct 18 Javascript
jqTransform form表单美化插件使用方法
Jul 05 Javascript
flash遮住div问题的正确解决方法
Feb 27 Javascript
JavaScript性能优化之小知识总结
Nov 20 Javascript
AngularJS使用ngOption实现下拉列表的实例代码
Jan 23 Javascript
JS控制静态页面之间传递参数获取参数并应用的简单实例
Aug 10 Javascript
JS实现隐藏同级元素后只显示JS文件内容的方法
Sep 04 Javascript
基于vue实现swipe轮播组件实例代码
May 24 Javascript
微信小程序之swiper滑动面板用法示例
Dec 04 Javascript
IE浏览器下JS脚本提交表单后,不能自动提示问题解决方法
Jun 04 Javascript
js验证密码强度解析
Mar 18 Javascript
如何手写一个简易的 Vuex
Oct 10 Javascript
javascript实现的弹出层背景置灰-模拟(easyui dialog)
Dec 27 #Javascript
jQuery删除节点的三个方法即remove()detach()和empty()
Dec 27 #Javascript
类似php的js数组的in_array函数自定义方法
Dec 27 #Javascript
JavaScript将页面表格导出为Excel的具体实现
Dec 27 #Javascript
Java/JS获取flash高宽的具体方法
Dec 27 #Javascript
location.href用法总结(最主要的)
Dec 27 #Javascript
Javascript四舍五入Math.round()与Math.pow()使用介绍
Dec 27 #Javascript
You might like
ThinkPHP php 框架学习笔记
2009/10/30 PHP
PHP字符串的编码问题的详细介绍
2013/04/27 PHP
在Debian系统下配置LNMP的教程
2015/07/09 PHP
Alliance vs Liquid BO3 第三场2.13
2021/03/10 DOTA
DOM 基本方法
2009/07/18 Javascript
JavaScript中null与undefined分析
2009/07/25 Javascript
用示例说明filter()与find()的用法以及children()与find()的区别分析
2013/04/26 Javascript
js判断当前浏览器类型,判断IE浏览器方法
2014/06/02 Javascript
用js的document.write输出的广告无阻塞加载的方法
2014/06/05 Javascript
js实现文字垂直滚动和鼠标悬停效果
2015/12/31 Javascript
工作中常用的js、jquery自定义扩展函数代码片段汇总
2016/12/22 Javascript
微信小程序之蓝牙的链接
2017/09/26 Javascript
jQuery niceScroll滚动条错位问题的解决方法
2018/02/03 jQuery
node puppeteer(headless chrome)实现网站登录
2018/05/09 Javascript
通过图带你深入了解vue的响应式原理
2019/06/21 Javascript
layui表格分页 记录勾选的实例
2019/09/02 Javascript
vue-property-decorator用法详解
2019/12/12 Javascript
浅析VUE防抖与节流
2020/11/24 Vue.js
小程序角标的添加及绑定购物车数量进行实时更新的实现代码
2020/12/07 Javascript
[00:32]2016完美“圣”典风云人物:Maybe宣传片
2016/12/05 DOTA
使用python 获取进程pid号的方法
2014/03/10 Python
Python编程中用close()方法关闭文件的教程
2015/05/24 Python
python实现DES加密解密方法实例详解
2015/06/30 Python
python自动化脚本安装指定版本python环境详解
2017/09/14 Python
python中字符串变二维数组的实例讲解
2018/04/03 Python
python3.x实现发送邮件功能
2018/05/22 Python
对numpy中的where方法嵌套使用详解
2018/10/31 Python
python opencv图片编码为h264文件的实例
2019/12/12 Python
Python基于类路径字符串获取静态属性
2020/03/12 Python
python上selenium的弹框操作实现
2020/07/13 Python
英国领先的办公用品供应商:Viking
2016/08/01 全球购物
Timberland俄罗斯官方网上商店:全球领先的户外品牌
2020/03/15 全球购物
大学生应聘推荐信范文
2013/11/19 职场文书
12月小学生校园广播稿
2014/02/04 职场文书
让子弹飞观后感
2015/06/11 职场文书
工作年限证明模板
2015/06/15 职场文书