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 相关文章推荐
document.all还是document.getElementsByName?
Jul 21 Javascript
学习ExtJS(一) 之基础前提
Oct 07 Javascript
JavaScript数值转换的三种方式总结
Jul 31 Javascript
一个不错的字符串转码解码函数(自写)
Jul 31 Javascript
javascript实现确定和取消提示框效果
Jul 10 Javascript
JavaScript的ExtJS框架中数面板TreePanel的使用实例解析
May 21 Javascript
基于JS代码实现简单易用的倒计时 x 天 x 时 x 分 x 秒效果
Jul 13 Javascript
Node.js+jade+mongodb+mongoose实现爬虫分离入库与生成静态文件的方法
Sep 20 Javascript
bootstrap select2插件用ajax来获取和显示数据的实例
Aug 09 Javascript
node中IO以及定时器优先级详解
May 10 Javascript
js实现窗口全屏示例详解
Sep 17 Javascript
vue单应用在ios系统中实现微信分享功能操作
Sep 07 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
Discuz!下Memcache缓存实现方法
2010/05/28 PHP
PHP实现UTF-8文件BOM自动检测与移除实例
2014/11/05 PHP
php按单词截取字符串的方法
2015/04/07 PHP
php面向对象与面向过程两种方法给图片添加文字水印
2015/08/26 PHP
PHP substr()函数参数解释及用法讲解
2017/11/23 PHP
PHP PDOStatement::nextRowset讲解
2019/02/01 PHP
js加解密 脚本解密
2008/02/22 Javascript
javascript 日期时间 转换的方法
2013/02/21 Javascript
jquery(hide方法)隐藏指定元素实例
2013/11/11 Javascript
jQuery数据缓存用法分析
2015/02/20 Javascript
JavaScript显示当前文档最后修改日期的方法
2015/03/19 Javascript
JS基于MSClass和setInterval实现ajax定时采集信息并滚动显示的方法
2016/04/18 Javascript
微信小程序 教程之事件
2016/10/18 Javascript
详解MVC如何使用开源分页插件(shenniu.pager.js)
2016/12/16 Javascript
自定义vue全局组件use使用、vuex的使用详解
2017/06/14 Javascript
layer弹出层父子页面事件相互调用方法
2018/08/17 Javascript
extract-text-webpack-plugin用法详解
2019/02/14 Javascript
python爬虫教程之爬取百度贴吧并下载的示例
2014/03/07 Python
python创建关联数组(字典)的方法
2015/05/04 Python
python链接Oracle数据库的方法
2015/06/28 Python
通过python实现随机交换礼物程序详解
2019/07/10 Python
用Python批量把文件复制到另一个文件夹的实现方法
2019/08/16 Python
python调用HEG工具批量处理MODIS数据的方法及注意事项
2020/02/18 Python
pycharm设置默认的UTF-8编码模式的方法详解
2020/06/01 Python
利用python清除移动硬盘中的临时文件
2020/10/28 Python
Python爬虫之Selenium多窗口切换的实现
2020/12/04 Python
eDreams澳大利亚:预订机票、酒店和度假产品
2017/04/19 全球购物
Gap加拿大官网:Gap Canada
2017/08/24 全球购物
zooplus波兰:在线宠物店
2019/07/21 全球购物
集团薪酬管理制度
2014/01/13 职场文书
科学育儿宣传标语
2014/10/08 职场文书
小班下学期个人总结
2015/02/12 职场文书
老人与海读书笔记
2015/06/26 职场文书
签约仪式致辞
2015/07/30 职场文书
Win11怎么修改电源模式?Win11修改电源模式的方法
2022/04/05 数码科技
MySQL数据库配置信息查看与修改方法详解
2022/06/25 MySQL