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