div 遮罩層 彈窗

2022-07-25 06:15:11 字數 1572 閱讀 3676

>div 遮罩層 彈窗

title

>

<

style

type

="text/css"

>

#layer1

#layer1 #win_top

#layer1 #win_top a

#shade

#layer1 .content

body

style

>

head

>

<

body

>

<

div

id="shade"

>

div>

<

a href

="#"

onclick

="shade.style.display='block';layer1.style.display='block'"

>開啟

a>

<

br />

<

br />

<

br />

<

br />

<

div

id="layer1"

>

<

div

id="win_top"

>雅比斯 - 我的個人**庫 <

a href

="#"

onclick

="shade.style.display='none';layer1.style.display='none'"

>關閉

說明:

#shade的高度設定的大一些就可以遮罩整個頁面

以下**放置在body 開始位置 就可以在頁面居中,不居中自己再除錯一把吧

雅比斯 - 我的個人**庫 關閉

頁面帶遮罩彈窗

彈窗在乙個程式中的使用應該是非常多,在web中,彈窗為js的alert 方法,但是真的不好用,容易被瀏覽器遮蔽,而且還特別 醜。那今天我就根據這個問題,使用div編寫了乙個彈窗,配上了一點小動畫看起來不那麼死板,目前來看還是不錯的,在此保留。頁面 確定 css樣式 tc tc1 tc1 top tc...

jQuery設定div居中及實現遮罩層

jquery設定div居中及實現遮罩層 這裡主要講遮罩層 web前端開發,寫 靜態頁面時經常遇到些遮罩層和設定div 物體 居中。這裡又我自己寫的乙個例項,提供參考。效果圖1 效果圖2 這兩張看是沒有什麼區別,可以說做起來可就沒那麼容易咯 這個問題我可是弄了半天呢。第一張 內容比較少 只有獲取瀏覽器...

jQuery設定div居中及實現遮罩層

jquery設定div居中及實現遮罩層 這裡主要講遮罩層 web前端開發,寫 靜態頁面時經常遇到些遮罩層和設定div 物體 居中。這裡又我自己寫的乙個例項,提供參考。效果圖1 效果圖2 這兩張看是沒有什麼區別,可以說做起來可就沒那麼容易咯 這個問題我可是弄了半天呢。第一張 內容比較少 只有獲取瀏覽器...