xWin之JS版(2-26更新)第1/2页
时间:2020-10-25 14:22:13|栏目:JavaScript代码|点击: 次
俺最近似乎在反反复复的折腾xWin。。。。希望版主不要打我.......
之所以又开一帖是因为上一贴的侧重点在htc上,俺现在决定抛弃这个很有前途的东西,把侧重点放到兼容性上,开发一个x系列. So 大家把那个HTC的忘记了吧........
目前的代码兼容IE6.0 & FF 1.5 (因为俺以前一直都是IE Only, 所以转头研究兼容性实在是水平有限,目前的代码在FF上还是有许多Bug.....伤心啊)
构思中的x系列都是采用JS, 在JS中导入相应的css, 使用的时候还是一样简便: 一个<script src="...">后就可以直接使用了
--------------------------更新分割线--------------------------
bound0大哥说得对啊,兼容性真的能把人折腾死.........
目前代码应该没什么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>
下面是演示版:
xWin HTC Demo
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
之所以又开一帖是因为上一贴的侧重点在htc上,俺现在决定抛弃这个很有前途的东西,把侧重点放到兼容性上,开发一个x系列. So 大家把那个HTC的忘记了吧........
目前的代码兼容IE6.0 & FF 1.5 (因为俺以前一直都是IE Only, 所以转头研究兼容性实在是水平有限,目前的代码在FF上还是有许多Bug.....伤心啊)
构思中的x系列都是采用JS, 在JS中导入相应的css, 使用的时候还是一样简便: 一个<script src="...">后就可以直接使用了
--------------------------更新分割线--------------------------
bound0大哥说得对啊,兼容性真的能把人折腾死.........
目前代码应该没什么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>
下面是演示版:
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
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
上一篇:Bootstrap-table自定义可编辑每页显示记录数
栏 目:JavaScript代码
下一篇:React Native 通告消息竖向轮播组件的封装
本文地址:http://www.codeinn.net/misctech/15716.html