原生射流研究…可拖动弹窗效果实例代码

这个代码不是我原创的，只是最近想学自己做一个很漂亮的弹窗，自己本来是不会怎么写的，所以上网去找了下，感觉这个不错，很简单，很实用，入门很棒。我就改了下，使逻辑性和可读性更好。原作者已不可考。感谢原作者，阿门

复制代码代码如下：html头元http-equiv='内容-类型' Content=' text/html；charset=GB 2312/meta name=' author ' content=' www .新兴。com/meta name=' author email ' content='[email protected]'/title弹出窗口登录效果/title style body，# Mdown { margin : 0；padd : 0；文本对齐：中心；font:普通14px/180% Tahoma，无衬线；} # loginBox { margin : 0 autopadding : 0px文本-左对齐：宽度： 280像素；高度： 150像素；background : # EAEEFFfont-size : 9 pt；border: 1px固体# 829AFF飞越：隐藏；filter: alpha(不透明度=90);opa城市3360 1；} #loginBox .title { text-align : left左填充： 10pxfont-size : 11pt边框-底部： 1px实心# 829AFF高度： 25px线高： 25px光标：移动；} # loginBox . t1 { float : left font-weight :粗体；color: # AA7B7B文本装饰：无；} # loginBox .t2 {右侧浮动：文本对齐：中心；线高： 18px高度： 18px宽度： 18px保证金-top : 3px；右边距： 2px飞越：隐藏；border: 1px实心# FF5889背景# FFE0E9cursor:指针；} #loginBox .登录{ text-align :居中；宽度： 100%;高度： 100%;} input . submit { float : right border : 1px固体# 829 AFFFFONT-SiZe : 9px；背景： # EAEEFFHEIGHT: 20px边距-top : 5px；右边距： 70px} # bgDiv {宽度： 100%；高度： 100%;绝对位置：top : 0pxleft : 0pxright : 0px背景色： # 777;opa city 3360 0.7 }/style/head body div id=' bgDiv ' style=' display : none；/div a href=' JAVAScript : ' OnClick=' bgdiv。风格。display=loginbox。风格。display='登录/a div id=' loginBox ' style=' position : absolute；左侧：367pxtop:150pxz索引：1;显示器：无；div class=' title ' id=' Mdown ' span class=' t1 '登录/span span class='t2' title='关闭onClick='登录。风格。显示='无'；bgdiv。风格。显示='无' X/span/div class='登录'表单方法='post '操作='# '表tr td用户名：/TDT输入类型=' text ' name=' username ' size=' 12 ' maxlength=' 10 '/TD/tr tr TD密码：/TDT输入类型=' text ' name=' password ' size=' 12 ' maxlength=' 10 '/TD/tr TD/TDT按钮class=' submit ' type=' submit '登陆/button/TD/tr/table/form/div/div脚本类型=' text/JavaScript ' var是mousedown，LEFT，TOP，login document . getelementbyid(' Mdown ').onmousedown=function(e){ log in=document。getelementbyid(' loginBox ')；IsMousedown=truee=e | |事件；左=e .客户端x-ParSeint(登录。风格。左)；TOP=e . clienty-ParSeint(登录。风格。TOP)；文件。onmousemove=function(e){ e=e | | event；if(IsMouseDown){登录。风格。LEft=e . ClientX-LEft ' px '；登录。风格。TOP=e . clienty-TOP ' px '；} }文档。onmouseup=function(){ IsmouseDown=false；} } /SCRIPT/body/html