xWin之JS版

所属分类：网络编程 / JavaScript 阅读数： 2009

收藏 0赞 0分享

目前代码应该没什么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>   </head> <body> <div class="xWin" id="win1" >     <span class="xWinSetting">width="400" height="400" top="300" left="100" title="我就是传说中那个超长的窗口标题"</span>     我就是传说中那个超长的窗口标题我就是传说     <div class="xWin" id="win30" >         <span class="xWinSetting"> width="100" top="20" left="20" title="我就是传说中那个超长的窗口标题"</span>         中那个超长的窗口标题我就是传说中那个超长的窗口标题我就是传说中那个超长     </div>     的窗口标题我就是传说中那个超长的窗口标题我就是传说中那个超长的窗口标题我就是传说中那个超长的窗口标题     我就是传说中那个超长的     <div class="xWin" id="win31" >         <span class="xWinSetting">width="100" top="40" left="40" title="我就是传说中那个超长的窗口标题" </span>         中那个超长的窗口标题我就是传说中那个超长的窗口标题我就是传说中那个超长     </div>     窗口标题我就是传说中那     个超长的窗口标题我就是传说中那个超长的窗口标题我就是传说中那个超长的窗口标题我就是传说中那     个超长的窗口标题我就是传说中那个超长的窗口标题     c     12345 </div> <div class="xWin" id="win2">     <span class="xWinSetting"> width="200" top="270" left="140" title="我就是传说中那个超长的窗口标题"</span>     我是窗口2     我是窗口2     我是窗口2     我是窗口2     <a href="javascript:void(0);">更换标题</a>     我是窗口2     我是窗口2     我是窗口2     我是窗口2 </div> <a href="javascript:win1.ShowHide('');void(0);">win1</a> <a href="javascript:win2.ShowHide('');void(0);">win2</a> <a href="javascript:document.getElementById('win3').ShowHide('');void(0);">win3</a> <a href="javascript:document.getElementById('win4').ShowHide('');void(0);">win4</a> <div id="ssss"></div> </body> </html>

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

更多精彩内容其他人还在看

xWin之JS版

Jquery-data的三种用法

微信小程序实战之自定义toast（6）

微信小程序--onShareAppMessage分享参数用处(页面分享)

微信小程序实战之自定义抽屉菜单（7）

微信小程序开发之从相册获取图片使用相机拍照本地图片上传

JavaScript错误处理和堆栈追踪详解

微信小程序开发之麦克风动画帧动画放大淡出

微信小程序实战之自定义模态弹窗（8）

jQuery加密密码到cookie的实现代码

javascript实现日期三级联动下拉框选择菜单

网络赚钱

站长故事

xWin之JS版

Jquery-data的三种用法

微信小程序实战之自定义toast（6）

微信小程序--onShareAppMessage分享参数用处(页面分享)

微信小程序实战之自定义抽屉菜单（7）

微信小程序开发之从相册获取图片 使用相机拍照 本地图片上传

JavaScript错误处理和堆栈追踪详解

微信小程序开发之麦克风动画 帧动画 放大 淡出

微信小程序实战之自定义模态弹窗（8）

jQuery加密密码到cookie的实现代码

javascript实现日期三级联动下拉框选择菜单

网络赚钱

站长故事

微信小程序开发之从相册获取图片使用相机拍照本地图片上传

微信小程序开发之麦克风动画帧动画放大淡出