网站地图
首页
php教程
asp.net教程
手机开发
css教程
网页制作
办公数码
jsp教程
asp教程
ps教程
当前位置:
编程学习网
>>
网页制作
>
js教程
> >
百度地图js api_js仿百度用户登陆弹出层窗口代码
百度地图js api_js仿百度用户登陆弹出层窗口代码
发布时间:2018-04-11
【www.gdgbn.com--js教程】
提示:您可以先修改部分代码再运行
js仿百度用户登陆弹出层窗口代码 <script language="javascript"> var popup_dragging = false; var popup_target; var popup_mouseX; var popup_mouseY; var popup_mouseposX; var popup_mouseposY; var popup_oldfunction; function popup_display(x) { var win = window.open(); for (var i in x) win.document.write(i+" = "+x[i]+"
"); } // ----- popup_mousedown -------------------------------------------------- ----- function popup_mousedown(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) { if (!popup_dragging) return; 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; 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) { if (!popup_dragging) return; popup_dragging = false; var ie = navigator.appName == "Microsoft Internet Explorer"; var element = document.getElementById(popup_target); 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.visibility = "hidden"; element.style.display = "none"; } // ----- popup_show ------------------------------------------------------- ----- function popup_show() { element = document.getElementById("popup"); drag_element = document.getElementById("popup_drag"); exit_element = document.getElementById("popup_exit"); element.style.position = "absolute"; element.style.visibility = "visible"; element.style.display = "block"; element.style.left = (document.documentElement.scrollLeft+popup_mouseposX-10)+"px"; element.style.top = (document.documentElement.scrollTop +popup_mouseposY-10)+"px"; drag_element["target"] = "popup"; drag_element.onmousedown = popup_mousedown; exit_element.onclick = popup_exit; } // ----- popup_mousepos --------------------------------------------------- ----- function popup_mousepos(e) { var ie = navigator.appName == "Microsoft Internet Explorer"; popup_mouseposX = ie ? window.event.clientX : e.clientX; popup_mouseposY = ie ? window.event.clientY : e.clientY; } // ----- Attach Events ---------------------------------------------------- ----- if (navigator.appName == "Microsoft Internet Explorer") document.attachEvent("onmousedown", popup_mousepos); else document.addEventListener("mousedown", popup_mousepos, 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>
点击登陆弹出登录框
快速登陆 注册通行证 忘记密码?
用户名:
快速注册
密 码:
忘记密码
验证码:
Cookie:
保持一年
提示:您可以先修改部分代码再运行
本文来源:
http://www.gdgbn.com/wangyezhizuo/22484/
上一篇:
[js弹出对话框]js超漂亮弹出层,带阴影效果
下一篇:
【js带左右箭头轮播代码】js带缓冲与关闭弹出层
相关推荐
【phpstudy】php 经典分页 支持上10页下10代码
asp.net|asp 输入输出的存储过程
[php日期所在月的天数]php日期所在月的天数
[js弹出对话框]js超漂亮弹出层,带阴影效果
asp.net_asp 存储过程入门篇
phpstudy|php elseif 与else if区别
json|js 给table增加下拉滚动条
phpstudy_php 时间转换静态方法
[seo优化]SEO优化-标题的书写规范
【js页面刷新事件】js页面刷新代码
网友关注
js取得复选框值checkbox_js取得复选框值checkbox
phpstudy|php 日期时间相加减
js弹出对话框_js弹出隐藏层代码
【css超出部分省略号】css bug有效解决方法
如何让搜索引擎快速收录你的网站_如何让搜索引擎快速收录你的网站
ajax php函数|ajax+php检测文章标题是否存在代码
[phpstudy]php 图片处理类,缩略,水印
input不可编辑_input 输入框自适应高度与宽度
js获取dom高度|JS获取dom 对象 ajax操作 读写cookie
结构内容是什么_结构、内容、链接 必须要了解的SEO基本知识
热门标签
最新js教程
js教程
js遍历对象_js中查找对象代码
js教程
javascript学习指南_java 自动装箱拆箱实现方法
js教程
eclipse连接mysql数据库_java连接db2数据代码
js教程
flash player|flash js Fusioncharts 参数详解与参考
js教程
json_js ajax XMLHttpRequest与jq $.ajax
js教程
【js利用cookie】js利用cookies与正则设置字体高亮显示
js教程
asp.net core_asp.net DataGridTree 下拉树 实现方法
js教程
[jsp注册页面代码]JSP页面编码问题分析
js教程
[hibernate和mybatis的区别]Hibernate 中get()和load()与Hibernate简介
js教程
判断textarea中是否有回车符|判断textarea中是否有回车符方法
js教程热门文章
js教程
【js带左右箭头轮播代码】js带缓冲与关闭弹出层
js教程
json_js 判断上传文件类型
js教程
【json】js select 调转代码
js教程
[js初始化select默认值]js初始化select默认选项
js教程
[json]js 复制给QQ/msn好友代码
js教程
json_js 添加到收藏夹代码
js教程
【json】js 复制,保存,运行代码
js教程
【json】js 全选代码
js教程
json_js 设置cookie与获取cookie值实例代码
js教程
ajax提交form表单_ajax 密码强度验证代码
声明:本网站尊重并保护知识产权,根据《信息网络传播权保护条例》,如果我们转载的作品侵犯了您的权利,请在一个月内通知我们,我们会及时删除。
Copyright©2006-2019 编程学习网 www.gdgbn.com 版权所有