首頁 > web前端 > js教程 > js實作遮罩層彈出框的方法_javascript技巧

js實作遮罩層彈出框的方法_javascript技巧

WBOY
發布: 2016-05-16 16:19:55
原創
1046 人瀏覽過

本文實例講述了js實作遮罩層彈出框的方法。分享給大家供大家參考。具體分析如下:

昨天公司網站需要彈窗提示一些資訊,要我在把彈窗的js程式碼和彈跳視窗html寫在一起哪裡需要就呼叫

不說那麼多了,直接上代碼,感覺肯定會有兼容問題,看到了請指出啊:

複製程式碼 程式碼如下:


    ×
   
提示

   
内容

        var div_X = (pageWidth - 400) / 2scrollLeft;
        var div_Y = (pageHeight - 200) / 2scrollTop;
        var objDiv = document.getElementById(popupId);
        若(狀態){
            document.getElementById(contentId).style.background = "url($Root/Assets/Images/ui_success.png) 無重複 20px 50%";
        }
        document.getElementById(contentId).innerHTML = msg;
        objDiv.style.display = "block";
        objDiv.style.left = div_X "px";
        objDiv.style.top = div_Y "px";
        autoClose(popupId);
    }
腳本>

希望本文對大家介紹的javascript程式設計有幫助。

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板