通過JS代碼 documentgetElementById#39divID#39styleetElementById#39divID#39styledisplay = #39#39函數(shù)可以實現(xiàn)1遮罩層 ，即作為背景層，覆蓋整個頁面彈出層，即背景層上的一層，此層可根據(jù)#formtop 10% left 10%width 20%height 30%，調整彈出層的彈出位置。

源碼lt！DOCTYPE html圖片熱區(qū)hover效果 mainwrap position relative width 884px height 600px margin 0 auto * 寬度與高度必須與背景大圖一致 *bigImg position absolute display border 1px solid #cccimg1 top 199px left 153pximg2 top。

最好用的彈出層是fancybox，它可以彈出來任何東西，可以是文本，可以是一個隱藏的節(jié)點，還可以是一個iframe，也就是說你只要寫一個新的網頁顯示公告，這個鏈接上寫上href=“公告網址”然后給這個a寫上一個class=“fancybox”，就可以直接jquery調用$quotfancyboxquotfancybox來初始化這個鏈接初。

css+div+js怎樣在頁面上彈出一個資料框來，然后頁面背景都變成朦朧的灰1首先，打開html編輯器，新建html文件，例如indexhtml，編寫問題基礎代碼在indexhtml中的script標簽，輸入js代碼$#acsswebkitfilter，grayscale50%2遮罩層divid=backdiv，即作為背景層，覆蓋。

你是說使一個層顯示出來可以啊需要在哪個地方顯示，先畫一個層，放在顯示的位置，需要顯示的時候，比如點擊某個按鈕要顯示這個層，調用使這個層顯示的函數(shù)，函數(shù)里面主要代碼就是documentgetElementByIdquot層的idquotstyledisplay=quotblockquot就可以顯示了，隱藏時把block換成。

就如我上面提到的，我們首先需要創(chuàng)建一個特殊的DIV層，然后我們將彈出窗口的內容放在這個DIV層里面在這里，我們將其ID命名為“popupcontent ”以區(qū)別于其他DIV層這是一個DIV彈窗效果！ 彈出窗口的CSS修飾代碼接 下來，讓我們給上面已創(chuàng)建好的這個DIV彈出層進行CSS美化其中最重要的幾個參數(shù)分別是。

就是每次彈窗關閉的時候在cookie上記錄當前的時間，然后在后臺開個計時器，每隔一秒判斷一次當前時間減去在cookie記錄的時間看是不是大于1小時，如果大于就是彈出。

7 設置完層的內容后，需要編寫 JavaScript 代碼來實現(xiàn)彈出功能這可以通過 DW 中的“行為”面板來完成8 在“行為”面板中，選擇“添加行為”，然后選擇“顯示隱藏層”選項9 在彈出的對話框中，選擇要顯示的層，并設置觸發(fā)事件，例如鼠標懸?；螯c擊10 最后，保存并測試網頁，確保彈出式。

彈出的窗口之定時關閉控制 下面我們再對彈出窗口進行一些控制，效果就更好了如果我們再將一小段代碼加入彈出的頁面注意是加入到pagehtml的HTML中，可不是主頁面中，否則？，讓它在10秒鐘后自動關閉是不是更酷了？ 首先，將如下代碼加入pagehtml文件的head區(qū) scriptlanguage=quotjavascriptquot functioncloseit。