xWin之JS版_JavaScript

xWin之JS版

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

为了能通过验证，只好再次改变使用的方式，改为用DIV实现，方法：
复制代码代码如下:

width="200" top="270" left="140" title="我就是传说中那个超长的窗口标题"
content

<!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> <sty1e 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需再刷新一下页面才能执行]

xWin之JS版

JavaScript相关栏目本月热门文章