网站地图
首页
php教程
asp.net教程
手机开发
css教程
网页制作
办公数码
jsp教程
asp教程
ps教程
当前位置:
编程学习网
>>
php教程
>
php常用代码
> >
javascript学习指南_javascript可控左右上下中弹出层代码
javascript学习指南_javascript可控左右上下中弹出层代码
发布时间:2019-03-23
【www.gdgbn.com--php常用代码】
提示:您可以先修改部分代码再运行
javascript可控左右上下中弹出层代码
<script type="text/javascript" > var popup_dragging = false; var popup_target; var popup_mouseX; var popup_mouseY; var popup_mouseposX; var popup_mouseposY; var popup_oldfunction; // ***** popup_mousedown ******************************************************* function popup_mousedown(e) { var ie = navigator.appName == "Microsoft Internet Explorer"; popup_mouseposX = ie ? window.event.clientX : e.clientX; popup_mouseposY = ie ? window.event.clientY : e.clientY; } // ***** popup_mousedown_window ************************************************ function popup_mousedown_window(e) { var ie = navigator.appName == "Microsoft Internet Explorer"; if ( ie && window.event.button != 1) return; if (!ie && e.button != 0) return; popup_dragging = true; popup_target = this["target"]; popup_mouseX = ie ? window.event.clientX : e.clientX; popup_mouseY = ie ? window.event.clientY : e.clientY; if (ie) popup_oldfunction = document.onselectstart; else popup_oldfunction = document.onmousedown; if (ie) document.onselectstart = new Function("return false;"); else document.onmousedown = new Function("return false;"); } // ***** popup_mousemove ******************************************************* function popup_mousemove(e) { var ie = navigator.appName == "Microsoft Internet Explorer"; var element = document.getElementById(popup_target); var mouseX = ie ? window.event.clientX : e.clientX; var mouseY = ie ? window.event.clientY : e.clientY; if (!popup_dragging) return; element.style.left = (element.offsetLeft+mouseX-popup_mouseX)+"px"; element.style.top = (element.offsetTop +mouseY-popup_mouseY)+"px"; popup_mouseX = ie ? window.event.clientX : e.clientX; popup_mouseY = ie ? window.event.clientY : e.clientY; } // ***** popup_mouseup ********************************************************* function popup_mouseup(e) { var ie = navigator.appName == "Microsoft Internet Explorer"; var element = document.getElementById(popup_target); if (!popup_dragging) return; popup_dragging = false; if (ie) document.onselectstart = popup_oldfunction; else document.onmousedown = popup_oldfunction; } // ***** popup_exit ************************************************************ function popup_exit(e) { var ie = navigator.appName == "Microsoft Internet Explorer"; var element = document.getElementById(popup_target); popup_mouseup(e); element.style.display = "none"; } // ***** popup_show ************************************************************ function popup_show(id, drag_id, exit_id, position, x, y, position_id) { var element = document.getElementById(id); var drag_element = document.getElementById(drag_id); var exit_element = document.getElementById(exit_id); var width = window.innerWidth ? window.innerWidth : document.documentElement.clientWidth; var height = window.innerHeight ? window.innerHeight : document.documentElement.clientHeight; element.style.position = "absolute"; element.style.display = "block"; if (position == "element" || position == "element-right" || position == "element-bottom") { var position_element = document.getElementById(position_id); for (var p = position_element; p; p = p.offsetParent) if (p.style.position != "absolute") { x += p.offsetLeft; y += p.offsetTop; } if (position == "element-right" ) x += position_element.clientWidth; if (position == "element-bottom") y += position_element.clientHeight; element.style.left = x+"px"; element.style.top = y+"px"; } if (position == "mouse") { element.style.left = (document.documentElement.scrollLeft+popup_mouseposX+x)+"px"; element.style.top = (document.documentElement.scrollTop +popup_mouseposY+y)+"px"; } if (position == "screen-top-left") { element.style.left = (document.documentElement.scrollLeft+x)+"px"; element.style.top = (document.documentElement.scrollTop +y)+"px"; } if (position == "screen-center") { element.style.left = (document.documentElement.scrollLeft+(width -element.clientWidth )/2+x)+"px"; element.style.top = (document.documentElement.scrollTop +(height-element.clientHeight)/2+y)+"px"; } if (position == "screen-bottom-right") { element.style.left = (document.documentElement.scrollLeft+(width -element.clientWidth ) +x)+"px"; element.style.top = (document.documentElement.scrollTop +(height-element.clientHeight) +y)+"px"; } drag_element["target"] = id; drag_element.onmousedown = popup_mousedown_window; exit_element.onclick = popup_exit; } // ***** Attach Events ********************************************************* if (navigator.appName == "Microsoft Internet Explorer") document.attachEvent ("onmousedown", popup_mousedown); else document.addEventListener("mousedown", popup_mousedown, false); if (navigator.appName == "Microsoft Internet Explorer") document.attachEvent ("onmousemove", popup_mousemove); else document.addEventListener("mousemove", popup_mousemove, false); if (navigator.appName == "Microsoft Internet Explorer") document.attachEvent ("onmouseup", popup_mouseup); else document.addEventListener("mouseup", popup_mouseup, false); </script>
Login
Username:
Pass
word
:
word" onfocus="select();" name="password" />
提示:您可以先修改部分代码再运行
本文来源:
http://www.gdgbn.com/jiaocheng/28024/
上一篇:
[javascript学习指南]javascript 切换选项卡效果代码
下一篇:
[phpstudy]php curl模仿ftp文件上传代码
相关推荐
【php二维数组排序】php二维数组合并与元素值相加实例
json|js 简单下拉菜单效果
[给网页添加背景音乐]给网页添加背景音乐方法
[javascript学习指南]javascript 切换选项卡效果代码
【jquery异步请求】jquery异步提交与跨域提交表单方法
[js局部刷新]js新刷新框页面
[phpstudy]php 查找数组中是否在指定内容
【json】js select自动跳转到指定网站
【phpstudy】php 中javascript调用js实例方法
【javascript学习指南】javascript 后退,前进,刷新实现方法
网友关注
javascript学习指南_Javascript setTimeout简单使用教程
[flash player]flash 加载xml入门实例教程
【js控制css】js控制图片翻转
javascript学习指南|JavaScript 页面重定向 window.location
【ajax提交form表单】ajax php html记录文章点击收藏次数
【如何添加新用户到你的mysql数据分析】如何添加新用户到你的MySQL数据库
dhtml是什么|dhtml下拉菜单效果
如何推动高质量发展|如何获得高质量外链
mysql下载|mysql 清空表 Truncate及delete区别
【json】js div 顶部全屏广告代码
热门标签
最新php常用代码
php常用代码
as3 api|as3 火燃烧效果实现代码
php常用代码
phpstudy|php continue和break流程控制语名用法
php常用代码
【sql语句查询】sql复合查询与null对查询结果影响分析
php常用代码
兼容firefox_兼容firefox和Opera,select中添加、修改、删除option元素
php常用代码
csrf-token_c 随机生成字符串或数组方法
php常用代码
css美化select_css美化select表单实现方法代码
php常用代码
【超简单的画】超简单php 大图生成缩略图实现代码
php常用代码
[asp.net core]asp.net ajax 检测用户名是否可用代码
php常用代码
phpstudy|php 获取目录下所有文件实现代码
php常用代码
asp.net core|asp.net ajax 检测用户名是否可用代码
php常用代码热门文章
php常
[phpstudy]php curl模仿ftp文件上传代码
php常
flash player_flash Bitmap的杂点效果代码
php常
哪一款|一款flash获取当前页的URL代码
php常
php实现文件数据缓存实现原理|php实现文件数据缓存实现代码
php常
[简单的字]一款简单AJAX读取单选框值的方法
php常
sql server|sql 删除重复记录实现方法
php常
[php文件下载]php文件下载(可限制下载速度)实现代码
php常
[网站被攻击怎么办]网站被攻击php防止办法
php常
对象赋值给对象|对象赋值到表单asp.net代码
php常
[php数字分页类的代码]php数字分页类的代码
声明:本网站尊重并保护知识产权,根据《信息网络传播权保护条例》,如果我们转载的作品侵犯了您的权利,请在一个月内通知我们,我们会及时删除。
Copyright©2006-2019 编程学习网 www.gdgbn.com 版权所有