js簡單的彈出框有關閉按鈕_javascript技巧

複製代碼如下代碼：

渡//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


>


.mydiv {
背景顏色：#ff6;
邊框：5px 實線#f90;
文字對齊：居中；
行高：40px；
字體大小：12px；
字體粗細：粗體；
z-index:99;
寬度：300px;
高度：120px；
左：50%;/*FF IE7*/
上方：50%;/*FF IE7*/

左邊距:-150px!important;/*FF IE7 */
margin-top :-60px!important;/*FF IE7 */

margin-top:0px;

position:fixed!important;/*FF IE7*/
position:absolute; *IE6*/

_top: 表達式(eval(document.compatMode &&
document .compatMode=='CSS1Compat') ?
documentElement.scrollTop (document.documentElement.clientHeight-documentElement. )/2 :/*IE6*/
document.body.scrollTop (document.body.clientHeight - this) .clientHeight)/2);/*IE5 IE5.5*/

}

.bg {
背景顏色: #ccc;
寬度：100%;
高度：100%;
左：0;
top:0;/*FF IE7 */
filter:alpha(opacity=10);/*IE*/
不透明度:0.8;/*FF*/
z-index:1 ;
position:fixed!important; /*FF IE7*/
position:absolute;/*IE6*/

_top: 表達式(eval(document.compatMode &&
document.compatMode= ='CSS1Compat') ?
document.compatMode= ='CSS1Compat') ?
documentElement.scrollTop (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/
document.body.scrollTop (document.body.clientHeight - this.clientHeight) /2);/*IE5 IE55 IE5 .5*/

}
/*結束*/



function showDiv(){
document.getElementById('popDiv').style.display='block';
document.getElementById('bg').style.display='block';
}

function closeDiv(){
document.getElementById('popDiv').style.display='none';
document.getElementById('bg').style.display='none';
}

腳本>

頭>

彈框內容

關閉

>

身體>