下面是内存溢出 jb51.cc 通过网络收集整理的代码片段。
内存溢出小编现在分享给大家，也给大家做个参考。
<HTML> <head> <Meta http-equiv="Content-Type" content="text/HTML; charset=utf-8" /> <Title>提示信息框</Title> <script src="../Js/jquery.min.Js" type="text/JavaScript"></script> <style type="text/CSS"> #massage_Box { position: absolute; left: Expression((body.clIEntWIDth-350)/2); top: Expression((body.clIEntHeight-200)/2); wIDth:236px; height:118px; background:#91cce4; filter:Alpha(opacity=90); visibility: hIDden } #mask { position: absolute; top: 0; left: 0; wIDth: Expression(body.scrollWIDth); height: Expression(body.scrollHeight); background: #666; filter: Alpha(opacity=60); z-index: 1; visibility: hIDden } .massage { wIDth:100%; height:21px; background:#5fc7db; line-height:21px; text-align:left; vertical-align:mIDdle; position:relative; Font-family: Verdana,Arial,Helvetica,sans-serif; Font-size: 12px; color: #fff } .massage a{ wIDth:16px; height:16px; vertical-align:mIDdle; margin-top:3px; margin-left:6px; text-indent:-999px; display:block; float:left; } .sc{ background:url(images/info_Box02.png) no-repeat; } .sc:hover{ background:url(images/info_Box02_on.png) no-repeat; } .bc{ background:url(images/info_Box03.png) no-repeat; } .bc:hover{ background:url(images/info_Box03_on.png) no-repeat; } .tj{ background:url(images/info_Box01.png) no-repeat; } .tj:hover{background:url(images/info_Box01_on.png) no-repeat;} .massage a img{vertical-align:mIDdle;} .close{ wIDth:21px; height:21px; position:absolute; right:0px; top:-1px; background:url(images/info_Box04.png) no-repeat;text-indent:-999px; display:block; } .close:hover{ background:url(images/info_Box04_on.png) no-repeat; } .info{padding-left:8px; margin-top:4px;} .info li{ height:20px; line-height:20px; List-style-type:none; } .info li.pz{ vertical-align:top; } .info li.pz span{ vertical-align:top; } .text{wIDth:170px; height:40px;} .info .org{ Font-weight:bold; color:#F60;}</style> <!--实现层移动--> <script language="JavaScript"> $(function(){ $("#massage").mousedown( function(event){ var isMove = true; var screenW = $(document.body).wIDth(); var screenH = $(document.body).height(); var abs_x = event.pageX - $('#massage_Box').offset().left; var abs_y = event.pageY - $('#massage_Box').offset().top; $(document).mousemove(function (event) { if (isMove) { var obj = $('#massage_Box'); var left_x = event.pageX - abs_x; var top_y = event.pageY - abs_y; if((screenW-240)<=left_x){ left_x = screenW-240; } if((screenH-120)<=top_y){ top_y = screenH-120; } if(left_x<0){ left_x=20; } if(top_y<0){ top_y=10; } obj.CSS({'left':left_x,'top':top_y}); } } ).mouseup( function () { isMove = false; } ); } );})</script> </head> <body> <div ID="massage_Box"> <div ID ="massage"> <a >添加</a> <a >删除</a> <a >保存</a> <span onclick="massage_Box.style.visibility='hIDden'; mask.style.visibility='hIDden'" >关闭</span> </div> <ul > <li>上日：<span >487</span> 当日：<span >610</span></li> <li>连续5日最高产量：<span >920</span></li> <li ><span>批注：</span><textarea ></textarea></li> </ul> </div> <div ID="mask"></div> <span onclick="mask.style.visibility='visible';massage_Box.style.visibility='visible'" ><a href="#">d出</a></span> </body></HTML> 以上是内存溢出(jb51.cc)为你收集整理的全部代码内容，希望文章能够帮你解决所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。
总结以上是内存溢出为你收集整理的div-d出框及拖拽全部内容，希望文章能够帮你解决div-d出框及拖拽所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）