jquery实现百度登录窗口

《jquery实现百度登录窗口》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、

2、"text/javascript"src="js/jquery-1.8.0.js">//JavaScriptDocument$(function(){varsb=$(".shadebg");//遮罩层对象varform=$(".layer_1");//表单对象varmove=$(".move");vardw=$(document).width();//文档的宽度vardh=$(document).height();//文档的宽度varb

3、w=document.documentElement.clientWidth;//浏览器显示内容区域宽度varbh=document.documentElement.clientHeight;//浏览器显示内容区域高度varst;//滚动条相对顶部位置varsl;//滚动条相对左端位置varft;//表单窗口相对浏览器上沿距离varfl;//表单窗口相对浏览器左边距/**设置表单窗口位置*/varfh=form.height();//表单高度varfw=form.width();//表单宽度ft=bh/2-fh/

4、2;//设定表单窗口初始位置居中fl=bw/2-fw/2;form.css({top:ft,left:fl});varlmx;//光标位置varlmy;//按下鼠标后绑定鼠标移动事件，再绑定鼠标松开事件move.bind("mousedown",function(e){move.unbind("mousemove");//点击的时候先去掉鼠标拖动事件lmx=e.pageX;//获取鼠标当前位置lmy=e.pageY;varlft=form.offset().top;//获取表单的当前位置varlfl=form.o

5、ffset().left;move.bind("mousemove",function(e){cmx=e.pageX;//鼠标当前移动位置cmy=e.pageY;varx=cmx-lmx;//获得两次鼠标坐标之差vary=cmy-lmy;varcft=lft+y;varcfl=lfl+x;if(cft<0

6、

7、cft==0)cft=0;if(cft+fh>dh

8、

9、cft+fh==dh)cft=dh-fh;if(cfl<0

10、

11、fl==0)cfl=0;if(cfl+fw>bw

12、

13、cfl+fw==bw)cfl=bw-fw

14、;form.css({top:cft,left:cfl});$(".layer_2").html("

15、");});move.bind("mouseup",function(){move.unbind("mousemove");});})/**改变窗口大小或者滚动滚动条时重新设定遮罩层与表单窗口的位置**/functionresetBg(){bw=document.documentElement.clientWidth;//浏览器显示内容区域宽度bh=document.documentElement.clientHeight;//浏览器显示内容区域高st=document.documentElement.scrol

16、lTop;//滚动条相对浏览器显示区域顶部高度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