欢迎来到福编程网，本站提供各种互联网专业知识！

手机版

微信关注

快捷导航: 正则表达式 AJAX相关黑客相关相关技巧 Mysql MsSql MsSql2005 MsSql2008 MariaDB Oracle Access SQLite PostgreSQL MongoDB DB2 Redis 数据库文摘数据库其它 LINUX RedHat/Centos Ubuntu/Debian Fedora Solaris 红旗Linux Unix/BSD 苹果MAC 麒麟系统注册表 BIOS 系统安装系统进程 Fireworks教程

广告商业广告，理性选择

您的位置：网站首页 > 网络编程 > JavaScript > javascript技巧

xWin之JS版

发布时间：2006-11-14　作者：　来源：转载

标签：雪佛兰通用奢华劳斯莱斯旗舰版 64位收藏夹解调器

目前代码应该没什么bug了，兼容IE6.0&FF1.5,通过xHTML的Transitional验证和CSS验证。为了能通过验证，只好再次改变使用的方式，改为用DIV实现，方法：复制代码代码如下:width="200"top="270"left="140"title="我就是传说中那个超长的窗口标题"content

目前代码应该没什么bug了，兼容IE6.0&FF1.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> 
<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>

<span class="xWinSetting">width="400" height="400" top="300" left="100" title="我就是传说中那个超长的窗口标题"</span> 
    我就是传说中那个超长的窗口标题我就是传说 
     
        <span class="xWinSetting"> width="100" top="20" left="20" title="我就是传说中那个超长的窗口标题"</span> 
        中那个超长的窗口标题我就是传说中那个超
长的窗口标题我就是传说中那个超长 
     
    的窗口标题我就是传说中那个超长的窗口标题我就是传说中那个超长的窗口标题我就是传说中那个超长的窗口标题 
    我就是传说中那个超长的 
     
        <span class="xWinSetting">width="100" top="40" left="40" title="我就是传说中那个超长的窗口标题" </span> 
        中那个超长的窗口标题我就是传说中那个超
长的窗口标题我就是传说中那个超长 
     
    窗口标题我就是传说中那 
    个超长的窗口标题我就是传说中那个超长的窗口标题我就是传说中那个超长的窗口标题我就是传说中那 
    个超长的窗口标题我就是传说中那个超长的窗口标题 
    c
 
    12345

<span class="xWinSetting"> width="200" top="270" left="140" title="我就是传说中那个超长的窗口标题"</span> 
    我是窗口2
 
    我是窗口2
 
    我是窗口2
 
    我是窗口2
 
    更换标题 
    我是窗口2
 
    我是窗口2
 
    我是窗口2
 
    我是窗口2

win1 
win2 
win3 
win4 
 
</body> 
</html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

上一篇：xmlHTTP返回值重编码的优化

下一篇：关于IE只能嵌套27层表格的说法证明

广告商业广告，理性选择

网站首页

网络编程

数据库

操作系统

平面设计

网站运营

网络安全

电脑相关

手机学院

xWin之JS版

相关推荐

文章分类

热门关键词

热门文章

最新更新