xWin之JS版(2-26更新)第1/2頁

2024-09-06 12:43:44

字體：大中小

來源：轉載

供稿：網友

俺最近似乎在反反復復的折騰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>

下面是演示版：

<!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; }             </SPAN>
</div>
</div>
<div   id="tjtv1rb"   class=page1>
<p align="center" class="pageLink"></p>
</div>

<div   id="3nv3lzv"   class="fenxiang">

<div style="text-align:left">上一篇：<a href='/wen/2024/09-06/1561971.html'>換膚測試程序js腳本</a></div>
<br>
<div style="text-align:left">下一篇：<a href='/wen/2024/09-06/1561973.html'>通過MSXML2自動獲取QQ個人頭像及在線情況(給初學者)</a></div>
<br>
<script src=/d/js/acmsd/gao21.js></script>

</div>

<div   id="33r9nfn"   class="pinglun">

<script>
		  function CheckPl(obj)
		  {
		  if(obj.saytext.value=="")
		  {
		  alert("您沒什么話要說嗎？");
		  obj.saytext.focus();
		  return false;
		  }
		  return true;
		  }
		  </script><form action="/e/pl/doaction.php" method="post" name="saypl" id="saypl" onsubmit="return CheckPl(document.saypl)">
<table width="100%" border="0" cellpadding="0" cellspacing="0" id="plpost">

學習交流