xWin之JS版

(编辑：jimmy 日期: 2024/5/20 浏览：3 次 )

目前代码应该没什么bug了，兼容IE6.0 & FF 1.5, 通过xHTML 的Transitional验证和 CSS 验证。

为了能通过验证，只好再次改变使用的方式，改为用DIV实现，方法：
复制代码代码如下:
<div class="xWin">
<span class="xWinSetting"> width="200" top="270" left="140" title="我就是传说中那个超长的窗口标题"</span>
content
</div>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=gb2312" /> <title>xWin HTC Demo</title> <style type="text/css"> body {     width:100%;     height:100%;     margin:0px;     padding:0px;     overflow:auto; } .xWin {     position:absolute;     cursor:default;     border-width:2px;     border-style:outset;     padding:0px;     font-size:12px;     overflow:hidden;     display:block; } .xWin .xWinSetting {     display:none; } .xWin .xTitle {     color:#FFFFFF;     height:20px;     display:block; } .xWin .xTitle input {     background-color:transparent;     color:#FFFFFF;     border-width:0px;     border-style:solid;     height:20px;     width:16px;     line-height:20px;     font-family:webdings;     font-size:10px;     margin:0px;     padding:0px;     text-align:center;     float:right;     display:block; } .xWin .xTitle .xWinTitleCloseButton {      } .xWin .xTitle .xWinTitleMaxButton {      } .xWin .xTitle .xWinTitleMinButton {      } .xWin .xTitle .xWinTitleContent {     color:#FFFFFF;     font-size:12px;     height:18px;     line-height:20px;     margin:0px;     padding-left:3px;     float:left;     display:block;     overflow:hidden;     white-space:nowrap;     text-align:left;     cursor:default; } .xWin .xWinBody {     margin:0px;     background-color:#FFFFFF;     color:#000000;     padding:3px;     font-size:12px;     overflow:auto;     position:relative;     display:block; } .xShadow {     position:absolute;     display:block;     background-Color:#000000;     color:#FFFFFF; } </style>  </head> <body>      width="400" height="400" top="300" left="100" title="我就是传说中那个超长的窗口标题"     我就是传说中那个超长的窗口标题我就是传说               width="100" top="20" left="20" title="我就是传说中那个超长的窗口标题"         中那个超长的窗口标题我就是传说中那个超长的窗口标题我就是传说中那个超长          的窗口标题我就是传说中那个超长的窗口标题我就是传说中那个超长的窗口标题我就是传说中那个超长的窗口标题     我就是传说中那个超长的              width="100" top="40" left="40" title="我就是传说中那个超长的窗口标题"          中那个超长的窗口标题我就是传说中那个超长的窗口标题我就是传说中那个超长          窗口标题我就是传说中那     个超长的窗口标题我就是传说中那个超长的窗口标题我就是传说中那个超长的窗口标题我就是传说中那     个超长的窗口标题我就是传说中那个超长的窗口标题     c     12345        width="200" top="270" left="140" title="我就是传说中那个超长的窗口标题"     我是窗口2     我是窗口2     我是窗口2     我是窗口2     更换标题     我是窗口2     我是窗口2     我是窗口2     我是窗口2  win1 win2 win3 win4  </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

上一篇：xmlHTTP返回值重编码的优化
下一篇：关于IE只能嵌套27层表格的说法证明