亚洲一区无码精品色,久久乐国产综合亚洲精品,亚洲精品无码一区二区http://www.tkk7.com/heting/category/42655.htmlzh-cnThu, 26 Aug 2010 08:30:30 GMTThu, 26 Aug 2010 08:30:30 GMT60window.showModalDialoghttp://www.tkk7.com/heting/archive/2010/08/26/329949.html賀挺賀挺Thu, 26 Aug 2010 03:00:00 GMThttp://www.tkk7.com/heting/archive/2010/08/26/329949.htmlhttp://www.tkk7.com/heting/comments/329949.htmlhttp://www.tkk7.com/heting/archive/2010/08/26/329949.html#Feedback0http://www.tkk7.com/heting/comments/commentRss/329949.htmlhttp://www.tkk7.com/heting/services/trackbacks/329949.htmlwindow.showdialog完全手冊,解決模態(tài)窗口,傳值和返回值問題2009-08-28 13:31基本介紹:
showModalDialog() (IE 4+ 支持)
showModelessDialog() (IE 5+ 支持)
window.showModalDialog()方法用來創(chuàng)建一個顯示HTML內(nèi)容的模態(tài)對話框。
window.showModelessDialog()方法用來創(chuàng)建一個顯示HTML內(nèi)容的非模態(tài)對話框。

使用方法:
vReturnValue = window.showModalDialog(sURL [, vArguments] [,sFeatures])
vReturnValue = window.showModelessDialog(sURL [, vArguments] [,sFeatures])

參數(shù)說明:
sURL--必選參數(shù),類型:字符串。用來指定對話框要顯示的文檔的URL。
vArguments--可選參數(shù),類型:變體。用來向?qū)υ捒騻鬟f參數(shù)。傳遞的參數(shù)類型不限,包括數(shù)組等。對話框通過window.dialogArguments來取

得傳遞進來的參數(shù)。
sFeatures--可選參數(shù),類型:字符串。用來描述對話框的外觀等信息,可以使用以下的一個或幾個,用分號“;”隔開。
1.dialogHeight :對話框高度,不小于100px,IE4中dialogHeight 和 dialogWidth 默認的單位是em,而IE5中是px,為方便其見,

在定義modal方式的對話框時,用px做單位。
2.dialogWidth: 對話框?qū)挾取?br /> 3.dialogLeft: 離屏幕左的距離。
4.dialogTop: 離屏幕上的距離。
5.center: {yes | no | 1 | 0 }:窗口是否居中,默認yes,但仍可以指定高度和寬度。
6.help: {yes | no | 1 | 0 }:是否顯示幫助按鈕,默認yes。
7.resizable: {yes | no | 1 | 0 } [IE5+]:是否可被改變大小。默認no。
8.status: {yes | no | 1 | 0 } [IE5+]:是否顯示狀態(tài)欄。默認為yes[ Modeless]或no[Modal]。
9.scroll:{ yes | no | 1 | 0 | on | off }:指明對話框是否顯示滾動條。默認為yes。
下面幾個屬性是用在HTA中的,在一般的網(wǎng)頁中一般不使用。
10.dialogHide:{ yes | no | 1 | 0 | on | off }:在打印或者打印預覽時對話框是否隱藏。默認為no。
11.edge:{ sunken | raised }:指明對話框的邊框樣式。默認為raised。
12.unadorned:{ yes | no | 1 | 0 | on | off }:默認為no。

參數(shù)傳遞:
1.要想對話框傳遞參數(shù),是通過vArguments來進行傳遞的。類型不限制,對于字符串類型,最大為4096個字符。也可以傳遞對象,例如:


<script>
var obj = new Object();
obj.name="51js";
window.showModalDialog("modal.htm",obj,"dialogWidth=200px;dialogHeight=100px");
</script>
modal.htm
<script>
var obj = window.dialogArguments
alert("您傳遞的參數(shù)為:" + obj.name)
</script>


2.可以通過window.returnValue向打開對話框的窗口返回信息,當然也可以是對象。例如:

<script>
str =window.showModalDialog("modal.htm",,"dialogWidth=200px;dialogHeight=100px");
alert(str);
</script>
modal.htm
<script>
window.returnValue="/";
</script>
 



賀挺 2010-08-26 11:00 發(fā)表評論
]]>
div+css 居中問題http://www.tkk7.com/heting/archive/2010/08/06/328104.html賀挺賀挺Fri, 06 Aug 2010 02:32:00 GMThttp://www.tkk7.com/heting/archive/2010/08/06/328104.htmlhttp://www.tkk7.com/heting/comments/328104.htmlhttp://www.tkk7.com/heting/archive/2010/08/06/328104.html#Feedback0http://www.tkk7.com/heting/comments/commentRss/328104.htmlhttp://www.tkk7.com/heting/services/trackbacks/328104.html
CSS網(wǎng)頁布局DIV水平居中的各種方法

一、單行垂直居中

如果一個容器中只有一行文字,對它實現(xiàn)居中相對比較簡單,我們只需要設置它的實際高度height和所在行的高度line-height相等即可。如:

imoker.cn(愛摩客)提供的代碼片段:

div {  
  height:25px;  
  line-height:25px;  
  overflow:hidden;  
}
這段代碼很簡單,后面使用overflow:hidden的設置是為了防止內(nèi)容超出容器或者產(chǎn)生自動換行,這樣就達不到垂直居中效果了。

imoker.cn(愛摩客)提供的代碼片段:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml">  
  <head>  
    <title> 單行文字實現(xiàn)垂直居中 </title>  
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
    <style type="text/css">  
      body { font-size:12px;font-family:tahoma;}  
      div {  
        height:25px;  
        line-height:25px;  
        border:1px solid #FF0099;  
        background-color:#FFCCFF;  
      }  
    </style>  
  </head>  
  <body>  
    <div>現(xiàn)在我們要使這段文字垂直居中顯示!</div>  
  </body>  
</html>
不過在Internet Explorer 6及以下版本中,這和方法不支持對圖片設置垂直居中。

二、多行未知高度文字的垂直居中

如果一段內(nèi)容,它的高度是可變的那么我們就可以使用上一節(jié)講到的實現(xiàn)水平居中時使用到的最后一種方法,就是設定Padding,使上下的padding值相同即可。同樣的,這也是一種“看起來”的垂直居中方式,它只不過是使文字把<div>完全填充的一種方式而已。可以使用類似下面的代碼:

imoker.cn(愛摩客)提供的代碼片段:

div {  
  padding:25px;  
}
這種方法的優(yōu)點就是它可以在任何瀏覽器上運行,并且代碼很簡單,只不過這種方法應用的前提就是容器的高度必須是可伸縮的。

imoker.cn(愛摩客)提供的代碼片段:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml">  
  <head>  
    <title> 多行文字實現(xiàn)垂直居中 </title>  
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
    <style type="text/css">  
      body { font-size:12px;font-family:tahoma;}  
      div {  
        padding:25px;  
        border:1px solid #FF0099;  
        background-color:#FFCCFF;  
        width:760px;  
      }  
    </style>  
  </head>  
  <body>  
    <div><pre>現(xiàn)在我們要使這段文字垂直居中顯示!  
      div {  
        padding:25px;  
        border:1px solid #FF0099;  
        background-color:#FFCCFF;  
      }  
    </pre></div>  
  </body>  
</html>
三、多行文本固定高度的居中

在本文的一開始,我們已經(jīng)說過CSS中的vertical-align屬性只會對擁有valign特性的(X)HTML標簽起作用,但是在CSS中還有一個display屬性能夠模擬<table>,所以我們可以使用這個屬性來讓<div>模擬<table>就可以使用vertical-align了。注意,display:table和display:table-cell的使用方法,前者必須設置在父元素上,后者必須設置在子元素上,因此我們要為需要定位的文本再增加一個<div>元素:

imoker.cn(愛摩客)提供的代碼片段:

div#wrap {  
  height:400px;  
  display:table;  
}  
div#content {  
  vertical-align:middle;  
  display:table-cell;  
  border:1px solid #FF0099;  
  background-color:#FFCCFF;  
  width:760px;  
}


imoker.cn(愛摩客)提供的代碼片段:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">   
<html xmlns="http://www.w3.org/1999/xhtml">   
  <head>   
    <title> 多行文字實現(xiàn)垂直居中 </title>   
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />   
    <style type="text/css">   
      body { font-size:12px;font-family:tahoma;}   
        div#wrap {   
        height:400px;   
        display:table;   
      }   
      div#content {   
        vertical-align:middle;   
        display:table-cell;   
        border:1px solid #FF0099;   
        background-color:#FFCCFF;   
        width:760px;   
      }   
    </style>   
  </head>   
  <body>   
    <div id="wrap">   
      <div id="content"><pre>現(xiàn)在我們要使這段文字垂直居中顯示!   
        div#wrap {   
          height:400px;   
          display:table;   
        }   
        div#content {   
          vertical-align:middle;   
          display:table-cell;   
          border:1px solid #FF0099;   
          background-color:#FFCCFF;   
          width:760px;   
       }   
      </pre></div>   
    </div>   
  </body>   
</html>
這個方法應該是很理想了,但是不幸的是Internet Explorer 6 并不能正確地理解display:table和display:table-cell,因此這種方法在Internet Explorer 6及以下的版本中是無效的。嗯,這讓人很郁悶!不過我們還其它的辦法。

四、在Internet Explorer中的解決方案

在Internet Explorer 6及以下版本中,在高度的計算上存在著缺陷的。在Internet Explorer 6中對父元素進行定位后,如果再對子元素進行百分比計算時,計算的基礎(chǔ)似乎是有繼承性的(如果定位的數(shù)值是絕對數(shù)值沒有這個問題,但是使用百分比計算的基礎(chǔ)將不再是該元素的高度,而從父元素繼承來的定位高度)。例如,我們有下面這樣一個(X)HTML代碼段:

imoker.cn(愛摩客)提供的代碼片段:

<div id="wrap">  
  <div id="subwrap">  
    <div id="content">  
    </div>  
  </div>  
</div>
如果我們對subwrap進行了絕對定位,那么content也會繼承了這個屬性,雖然它不會在頁面中馬上顯示出來,但是如果再對content進行相對定位的時候,你使用的100%分比將不再是content原有的高度。例如,我們設定了subwrap的position為40%,我們?nèi)绻胧筩ontent的上邊緣和wrap重合的話就必須設置top:-80%;那么,如果我們設定subwrap的top:50%的話,我們必須使用100%才能使content回到原來的位置上去,但是如果我們把content也設置50%呢?那么它就正好垂直居中了。所以我們可以使用這中方法來實現(xiàn)Internet Explorer 6中的垂直居中:

imoker.cn(愛摩客)提供的代碼片段:

div#wrap {  
  border:1px solid #FF0099;  
  background-color:#FFCCFF;  
  width:760px;  
  height:400px;  
  position:relative;  
}  
div#subwrap {  
  position:absolute;  
  border:1px solid #000;  
  top:50%;  
}  
div#content {  
  border:1px solid #000;  
  position:relative;  
  top:-50%;  
}
當然,這段代碼只能在Internet Exlporer 6等計算存在問題的瀏覽器中才會有作用。(不過我不解,我查閱了很多文章,不知道是因為出處相同還是什么原因,似乎很多人都不愿意去解釋Internet Exlporer 6中這個Bug的原理,我也只是了解了一點皮毛,還要再研究)

imoker.cn(愛摩客)提供的代碼片段:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml">  
  <head>  
    <title> 多行文字實現(xiàn)垂直居中 </title>  
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
    <style type="text/css">  
      body { font-size:12px;font-family:tahoma;}  
      div#wrap {  
        border:1px solid #FF0099;  
        background-color:#FFCCFF;  
        width:760px;  
        height:400px;  
        position:relative;  
      }  
      div#subwrap {  
        position:absolute;  
        top:50%;  
      }  
      div#content {  
          position:relative;  
          top:-50%;  
      }  
    </style>  
  </head>  
  <body>  
    <div id="wrap">  
      <div id="subwrap">  
        <div id="content"><pre>現(xiàn)在我們要使這段文字垂直居中顯示!  
          div#wrap {  
            border:1px solid #FF0099;  
            background-color:#FFCCFF;  
            width:760px;  
            height:500px;  
            position:relative;  
          }  
          div#subwrap {  
            position:absolute;  
            border:1px solid #000;  
            top:50%;  
          }  
          div#content {  
            border:1px solid #000;  
            position:relative;  
            top:-50%;  
          } 
        </pre></div>  
      </div>  
    </div>  
  </body>  
</html>
五、完美的解決方案

那么我們綜合上面兩種方法就可以得到一個完美的解決方案,不過這要用到CSS hack的知識。對于如果使用CSS Hack來區(qū)分瀏覽器,你可以參考這篇“簡單CSS hack:區(qū)分IE6、IE7、IE8、Firefox、Opera”:

imoker.cn(愛摩客)提供的代碼片段:

div#wrap {  
  display:table;  
  border:1px solid #FF0099;  
  background-color:#FFCCFF;  
  width:760px;  
  height:400px;  
  _position:relative;  
  overflow:hidden;  
}  
div#subwrap {  
  vertical-align:middle;  
  display:table-cell;  
  _position:absolute;  
  _top:50%;  
}  
div#content {  
  _position:relative;  
  _top:-50%;  
}
至此,一個完美的居中方案就產(chǎn)生了。

imoker.cn(愛摩客)提供的代碼片段:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml">  
  <head>  
    <title> 多行文字實現(xiàn)垂直居中 </title>  
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
    <style type="text/css">  
      body { font-size:12px;font-family:tahoma;}  
      div#wrap {  
        display:table;  
        border:1px solid #FF0099;  
        background-color:#FFCCFF;  
        width:760px;  
        height:400px;  
        _position:relative;  
        overflow:hidden;  
      }  
      div#subwrap {  
        vertical-align:middle;  
        display:table-cell;  
        _position:absolute;  
        _top:50%;  
      }  
      div#content {  
        _position:relative;  
        _top:-50%;  
      }  
    </style>  
  </head>  
  <body>  
    <div id="wrap">  
      <div id="subwrap">  
        <div id="content"><pre>現(xiàn)在我們要使這段文字垂直居中顯示!  
          div#wrap {  
            border:1px solid #FF0099;  
            background-color:#FFCCFF;  
            width:760px;  
            height:500px;  
            position:relative;  
          }  
          div#subwrap {  
            position:absolute;  
            border:1px solid #000;  
            top:50%;  
          }  
          div#content {  
            border:1px solid #000;  
            position:relative;  
            top:-50%;  
          } 
        </pre></div>  
      </div>  
    </div>  
  </body>  
</html>
p.s. 垂直居中vertical-align的值是middle,而水平居中align的值是center,雖然同是居中但關(guān)鍵字不同。

賀挺 2010-08-06 10:32 發(fā)表評論
]]>
js生成xlshttp://www.tkk7.com/heting/archive/2009/11/07/301533.html賀挺賀挺Sat, 07 Nov 2009 04:17:00 GMThttp://www.tkk7.com/heting/archive/2009/11/07/301533.htmlhttp://www.tkk7.com/heting/comments/301533.htmlhttp://www.tkk7.com/heting/archive/2009/11/07/301533.html#Feedback0http://www.tkk7.com/heting/comments/commentRss/301533.htmlhttp://www.tkk7.com/heting/services/trackbacks/301533.html<html><head>

<script language="javascript" type="text/javascript">
      
function MakeExcel() {

        
var i, j, n;

        
try {

          
var xls = new ActiveXObject("Excel.Application");

        }


        
catch(e) {

          alert( 
"要生成該表,您必須安裝Excel電子表格軟件,同時瀏覽器須使用“ActiveX 控件”,您的瀏覽器須允許執(zhí)行控件。請點擊【幫助】了解瀏覽器設置方法!");

            
return "";

        }


        xls.visible 
=true// 設置excel為可見

        
var xlBook = xls.Workbooks.Add;

        
var xlsheet = xlBook.Worksheets(1);

     
        xlsheet.Cells(
2,1).Value = "卡號";

        xlsheet.Cells(
2,2).Value = "密碼";

        xlsheet.Cells(
2,3).Value = "計費方式";

        xlsheet.Cells(
2,4).Value = "有效天數(shù)";

        xlsheet.Cells(
2,5).Value = "金額";


        xlsheet.Range(xlsheet.Cells(
1,1),xlsheet.Cells(1,7)).mergecells=true;

        xlsheet.Range(xlsheet.Cells(
1,1),xlsheet.Cells(1,7)).value="發(fā)卡記錄";
        
       
        
        xlBook.SaveAs(
"C:\\TEST.XLS");
        
        
// 用 Application 對象用 Quit 方法關(guān)閉 Excel。
        
        xlBook.Application.Quit();

        xls
=null;

        xlBook
=null;

        xlsheet
=null;

      }


    
    
</script>
</head><body><input type='button' value="生成" onclick='MakeExcel()'></body></html>




賀挺 2009-11-07 12:17 發(fā)表評論
]]>
主站蜘蛛池模板: 亚洲国产二区三区久久| 精品亚洲视频在线观看| 亚洲美女视频免费| 久久国产乱子伦精品免费强| 国产AV无码专区亚洲AVJULIA| 国内永久免费crm系统z在线| 亚洲精品无码不卡在线播放HE| baoyu116.永久免费视频| 亚洲精品乱码久久久久久按摩 | 亚洲精品免费视频| 99精品视频免费观看| 91精品国产亚洲爽啪在线影院| 91麻豆国产免费观看| 亚洲中文字幕在线无码一区二区 | 日韩a级毛片免费视频| 精品亚洲成a人在线观看| 在线a亚洲v天堂网2018| 国产性生大片免费观看性| 亚洲AV一宅男色影视| 蜜臀98精品国产免费观看| 亚洲中文字幕无码久久| 免费成人av电影| a毛片在线还看免费网站| 77777_亚洲午夜久久多人| 久久久久国产精品免费免费搜索| 亚洲大码熟女在线观看| 中文字幕亚洲天堂| 在线美女免费观看网站h| 亚洲av中文无码乱人伦在线观看| 亚洲一区二区三区免费| 久久中文字幕免费视频| 亚洲爆乳精品无码一区二区| 久久国产成人亚洲精品影院| 亚洲w码欧洲s码免费| 国产成人不卡亚洲精品91| 久久久久久久久亚洲| 女性自慰aⅴ片高清免费| 99免费精品视频| 精品国产成人亚洲午夜福利| 中文字幕在亚洲第一在线| 国产成人免费网站|