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

源碼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，它可以彈出來(lái)任何東西，可以是文本，可以是一個(gè)隱藏的節(jié)點(diǎn)，還可以是一個(gè)iframe，也就是說(shuō)你只要寫一個(gè)新的網(wǎng)頁(yè)顯示公告，這個(gè)鏈接上寫上href=“公告網(wǎng)址”然后給這個(gè)a寫上一個(gè)class=“fancybox”，就可以直接jquery調(diào)用$quotfancyboxquotfancybox來(lái)初始化這個(gè)鏈接初。

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

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

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

就是每次彈窗關(guān)閉的時(shí)候在cookie上記錄當(dāng)前的時(shí)間，然后在后臺(tái)開個(gè)計(jì)時(shí)器，每隔一秒判斷一次當(dāng)前時(shí)間減去在cookie記錄的時(shí)間看是不是大于1小時(shí)，如果大于就是彈出。

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

彈出的窗口之定時(shí)關(guān)閉控制 下面我們?cè)賹?duì)彈出窗口進(jìn)行一些控制，效果就更好了如果我們?cè)賹⒁恍《未a加入彈出的頁(yè)面注意是加入到pagehtml的HTML中，可不是主頁(yè)面中，否則？，讓它在10秒鐘后自動(dòng)關(guān)閉是不是更酷了？ 首先，將如下代碼加入pagehtml文件的head區(qū) scriptlanguage=quotjavascriptquot functioncloseit。