会员注册 | 登录 | QQ登录 | 帮助中心 原创文库-资源交流与分享平台

jquery实现百度登录窗口jquery实现百度登录窗口

宽屏显示 收藏 分享

页面加载中... ... 广告 0 秒后退出

资源预览需要最新版本的Flash Player支持。
您尚未安装或版本过低,建议您

编号:    大小:35.50KB    格式:DOC    上传时间:2015-04-10
  【编辑】
20
金币
关 键 词:
jquery实现仿百度 Jquery仿 jQuery DOC 仿百度 jQuery 仿百度 jquery 窗口实现 Jquery 仿百度登录窗口 登录窗口 doc
资源描述:
遮罩层窗口// JavaScript Document$(function(){var sb = $(".shadebg"); //遮罩层对象var form = $(".layer_1"); //表单对象var move = $(".move");var dw = $(document).width(); //文档的宽度var dh = $(document).height(); //文档的宽度var bw = document.documentElement.clientWidth ; //浏览器显示内容区域宽度var bh = document.documentElement.clientHeight ; //浏览器显示内容区域高度var st ; //滚动条相对顶部位置var sl ; //滚动条相对左端位置var ft; // 表单窗口相对浏览器上沿距离var fl; // 表单窗口相对浏览器左边距/**设置表单窗口位置*/var fh = form.height(); // 表单高度var fw = form.width(); // 表单宽度ft = bh/2 - fh/2; //设定表单窗口初始位置居中fl = bw/2 - fw/2;form.css({top:ft,left:fl});var lmx; //光标位置var lmy;//按下鼠标后绑定鼠标移动事件,再绑定鼠标松开事件move.bind("mousedown",function(e){move.unbind("mousemove"); //点击的时候先去掉鼠标拖动事件lmx = e.pageX; //获取鼠标当前位置lmy = e.pageY;var lft = form.offset().top; //获取表单的当前位置var lfl = form.offset().left;move.bind("mousemove",function(e){cmx = e.pageX; //鼠标当前移动位置cmy = e.pageY;var x = cmx - lmx; //获得两次鼠标坐标之差var y = cmy - lmy;var cft = lft + y;var cfl = lfl + x;if(cftdh||cft+fh==dh)cft=dh-fh; if(cflbw||cfl+fw==bw)cfl=bw-fw;form.css({top:cft,left:cfl});$(".layer_2").html("按下鼠标位置lmx:"+lmx+";lmy:"+lmy+"鼠标当前位置:cmx:"+cmx+";cmy:"+cmy+"两次差值:x:"+x+";y:"+y+"移动前的top与left:top:"+lft+";left:"+lfl+"移动后的top与left:top:"+cft+";left:"+cfl+"");});move.bind("mouseup",function(){move.unbind("mousemove");});})/**改变窗口大小或者滚动滚动条时重新设定遮罩层与表单窗口的位置**/function resetBg(){bw = document.documentElement.clientWidth; //浏览器显示内容区域宽度bh = document.documentElement.clientHeight; //浏览器显示内容区域高st = document.documentElement.scrollTop; //滚动条相对浏览器显示区域顶部高度sl = document.documentElement.scrollLeft; //滚动条相对浏览器显示区域左侧宽sb.css({width:bw,height:bh,top:st,left:sl}); //重新设定遮罩层高宽及top与left定位ft = bh/2 - fh/2 + st; //设定表单窗口初始位置居中fl = bw/2 - fw/2 + sl;// form.css({top:ft,left:fl}); }$(window).scroll(function(){resetBg()}); //滚动条滚动时改遮罩层$(window).resize(function(){resetBg()}); //浏览器窗口大小改变时改变遮罩层
  原创资料|原创论文文库所有资源均是用户自行上传分享,仅供网友学习交流,未经上传用户书面授权,请勿作他用。
0条评论

还可以输入200字符

暂无评论,赶快抢占沙发吧。

当前资源信息

0.0
 
(0人评价)
浏览:1次 / 下载:0次
display上传于2015-04-10

相关资源

关于我们 - 网站声明 - 网站地图 - 友情链接 - 网站客服客服 - 联系我们
copyright@ 2008-2018 原创资料|原创论文文库网站版权所有
经营许可证编号:湘ICP备09003080号