类似Portal的浮动窗口，其实也就是类似QQ空间的

来源：互联网发布：破解软件盒子编辑：程序博客网时间：2024/05/19 17:23

div的头部添加“编辑”按钮，可以用Ajax进行设置.可以方便的进行扩展。

<html> <head> <title>_xWin</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <mce:style type='text/css'></mce:style><style type='text/css' mce_bogus="1"> body{font-size:12px;} a:visited{text-decoration:none;color:slategray;} a:hover{text-decoration:underline;color:slategray;} a:link{text-decoration:none;color:slategray;}</style> <mce:script language=JScript></mce:script> <mce:script language='JScript'> function center(id) { xwin = document.getElementById("xMsg"+id); var wleft = (document.body.clientWidth-xwin.style.width.replace("px",""))/2 < 0 ? 0 : (document.body.clientWidth-xwin.style.width.replace("px",""))/2; var wtop = (document.body.clientHeight-xwin.style.height.replace("px",""))/2 < 0 ? 0 : (document.body.clientHeight-xwin.style.height.replace("px",""))/2;; xwin.style.left = wleft; xwin.style.top = wtop; xwinbg = document.getElementById("xMsg"+id+"bg"); xwinbg.style.left = wleft; xwinbg.style.top = wtop; } // --></mce:script> </head>  <body onselectstart='return false' oncontextmenu='return false'> <a href="javascript:ShowHide('1',null)" mce_href="javascript:ShowHide('1',null)" >窗口1</a> <a href="javascript:ShowHide('2',null)" mce_href="javascript:ShowHide('2',null)">窗口2</a> <a href="javascript:ShowHide('3',null)" mce_href="javascript:ShowHide('3',null)">窗口3</a> </body> </html>