首頁  >  文章  >  web前端  >  js簡單的彈出框有關閉按鈕_javascript技巧

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

WBOY
WBOY原創
2016-05-16 16:49:521277瀏覽
複製代碼如下代碼:

渡//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';
}

腳本>

頭>







>

身體>
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn