【图】xWin之JS版

目前代码应该没什么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" 我就是传说中那个超长的窗口标题我就是传说 width="100" top="20" left="20" 中那个超长的窗口标题我就是传说中那个超长的窗口标题我就是传说中那个超长  的窗口标题我就是传说中那个超长的窗口标题我就是传说中那个超长的窗口标题我就是传说中那个超长的窗口标题 我就是传说中那个超长的width="100" top="40" left="40"  中那个超长的窗口标题我就是传说中那个超长的窗口标题我就是传说中那个超长  窗口标题我就是传说中那 个超长的窗口标题我就是传说中那个超长的窗口标题我就是传说中那个超长的窗口标题我就是传说中那 个超长的窗口标题我就是传说中那个超长的窗口标题 c 12345width="200" top="270" left="140" 我是窗口2 我是窗口2 我是窗口2 我是窗口2 更换标题 我是窗口2 我是窗口2 我是窗口2 我是窗口2  win1 win2 win3 win4  </body> </html>

热门搜索

xWin之JS版

猜你喜欢

xWin之JS版

xWin之JS版(2-26更新)

s8lol主宰符文怎么配

JS教程:学习笔记之JS类

Js之软键盘实现(js源码)

lol偷钱流符文搭配推荐

JS技巧之showModelessDialog()使用详解

类之Prototype.js学习

lolAD刺客新符文搭配推荐

教你几招识别假U盘的伎俩

JavaScript的面向对象(一)