兼容IE和FF得可以自由拖动得层，层得个数没有限制
时间：2006-10-23 来源：cityvoice
/*版权信息
* 09.29.2006
* Author:Jeson.Zhang
* Email:[email protected]
* 本人免费作品，可以自由使用，请保留版权信息
*/
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>无标题文档</title> <style type="text/css"> DIV.moveL{ border:1px solid #369; position:absolute; font-size:12px; background-color:#fff; } DIV.moveL_mouseover{ border:1px solid #FA0; position:absolute; font-size:12px; background-color:#efefef; } DIV.title{ width:100%; background-color:#369; } DIV.title_mouseover{ width:100%; background-color:#FA0; } </style> </head> <body onLoad="Drag.init();"> <div class="moveL" style="left:0px; top:0px; width:120px; z-index:1" title="Xwin"><div class="title"> <div style="float:left">第一个窗口</div><div style="float:right; font-family:Webdings">012</div> </div> <div style="width:100%;"></div> </div> <div class="moveL" style="left:0px; top:220px; width:200px; z-index:2" title="Xwin"><div class="title"> <div style="float:left">第二个窗口</div><div style="float:right; font-family:Webdings">012</div> </div> </div> <div class="moveL" style="left:200px; top:0px; width:160px; z-index:3;" title="Xwin"><div class="title"> <div style="float:left">第三个窗口</div><div style="float:right; font-family:Webdings">012</div> </div> </div> <div style="position:absolute; visibility:hidden; background-color:#CCCCCC " id="shadow"></div> </body> </html>
【提示：你可先修改部分代码，再按运行代码】
* 09.29.2006
* Author:Jeson.Zhang
* Email:[email protected]
* 本人免费作品，可以自由使用，请保留版权信息
*/
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>无标题文档</title> <style type="text/css"> DIV.moveL{ border:1px solid #369; position:absolute; font-size:12px; background-color:#fff; } DIV.moveL_mouseover{ border:1px solid #FA0; position:absolute; font-size:12px; background-color:#efefef; } DIV.title{ width:100%; background-color:#369; } DIV.title_mouseover{ width:100%; background-color:#FA0; } </style> </head> <body onLoad="Drag.init();"> <div class="moveL" style="left:0px; top:0px; width:120px; z-index:1" title="Xwin"><div class="title"> <div style="float:left">第一个窗口</div><div style="float:right; font-family:Webdings">012</div> </div> <div style="width:100%;"></div> </div> <div class="moveL" style="left:0px; top:220px; width:200px; z-index:2" title="Xwin"><div class="title"> <div style="float:left">第二个窗口</div><div style="float:right; font-family:Webdings">012</div> </div> </div> <div class="moveL" style="left:200px; top:0px; width:160px; z-index:3;" title="Xwin"><div class="title"> <div style="float:left">第三个窗口</div><div style="float:right; font-family:Webdings">012</div> </div> </div> <div style="position:absolute; visibility:hidden; background-color:#CCCCCC " id="shadow"></div> </body> </html>
【提示：你可先修改部分代码，再按运行代码】
相关阅读 更多 +
