CSS+JS拖动层附半透明阴影

CSS:

#layer { position:absolute; z-index:auto; padding:0px 0px; margin:0px 0px; width:607px; }
#layer #win { float:left; background-color:#EEEEEE; width:600px; border:1px solid #000000; margin:0px 0px; padding:0px 0px; }
#layer #win #winTitle { cursor:move; font-family:Verdana; font-weight:bold; font-size:14px; padding:10px 10px; background-color:#EEEEEE; color:#CC0000; -moz-user-select:none; }
#layer #win #winClose { cursor:pointer; font-family:Verdana; font-weight:normal; font-size:9px; padding:10px 10px; color:#666666; position:relative; float:right; }
#layer #win #winBody { padding:5px 10px; font-family:Verdana; font-size:10px; background-color:#FFFFFF; }
#layer #win #winFoot { text-align:center; padding:10px 10px; background-color:#EEEEEE; }
#layer .shadow { background-color:#000000; FILTER: alpha(opacity=50); opacity: 0.5; moz-opacity: .5; overflow:hidden; }
#layer #shadow1 { float:left; margin:5px 0px 0px 0px; padding:0px 0px; width:5px; }
#layer #shadow2 { clear:both; margin:0px 0px 0px 5px; padding:0px 0px; width:602px; height:5px; }

xhtml:

CLOSE
Title
Body
Foot

JS:

function changeClose(){
 document.getElementById("layer").style.display="none";
}
function autoHeight(o1,o2){
 var h=o1.offsetHeight-5;
 o2.style. drag(o1,o2){
 o1.onselectstart=function() {return(false)};
 o1.onmousedown=function(e){
  e=e||window.event;
  e.cancelBubble = true;
  var x=e.layerX||e.offsetX;
  var y=e.layerY||e.offsetY;
  document.onmousemove=function(e){
   e=e||window.event;
   o2.style.left=(e.clientX-x)+"px";
   o2.style.top=(e.clientY-y)+"px";
  };
  document.onmouseup=function(){document.onmousemove=null;};
 };
}
drag(document.getElementById("winTitle"),document.getElementById("layer"));
我们不Hack软件,我们只是优秀软件的搬运工。
麦氪搜(iMacSO.com) » CSS+JS拖动层附半透明阴影

常见问题

  1. 本站网盘打开密码:778899
  2. 如遇:「xxx.app已损坏,打不开。你应该将它移到废纸篓」,并非你安装的软件已损坏,而是Mac系统的安全设置问题。详见:提示程序含有恶意代码或者已经打开所有来源还是提示扔到垃圾桶
  3. 激活工具在新系统10.12中打不开。参照 MacOS Big Sur CORE keygen提示您没有权限打开应用程序怎么办
  4. 关闭SIP系统完整性保护,正常运行第三方下载应用
  5. Apple Silicon M1 应用安装后运行闪退怎么办
  6. 历史版本下载、最新版本迭代、疑难软件求档、各种疑难杂症请留言