JS 層的遮罩效果

2022-01-25 14:11:30 字數 1067 閱讀 1306

在網上看到乙個,用js寫的層的遮罩效果。和大家分享一下。

css樣式,如下:

js實現,如下:

html**,如下:

<

input

id="button1"

type

="button"

value

="點選彈出層"

onclick

="showdiv('mydiv','fade')"

/>

<

div

id="fade"

class

="black_overlay"

>

div>

<

div

id="mydiv"

class

="white_content"

>

<

div

style

="text-align: right; cursor: default; height: 40px;"

>

<

br />

<

span

style

="font-size: 16px;"

onclick

="closediv('mydiv','fade')"

>關閉

span

>

div>

遮罩層。

div>

<

br />

<

center

>

層的遮罩效果

center

>

執行效果,如下:

點選按鈕,彈出層效果,如下:

但是,當有滾動條的時候,下面是遮不住的。。

js 遮罩層 loading 效果

呼叫方法 關閉事件關閉,在loaddiv text 中,剔除出來 呼叫layershow text text為引數,可以寫入想要寫入的提示語 本方法在呼叫時會自動生成乙個新增到body的div,並且會在呼叫隱藏遮罩層 layerhide 時刪除div 封裝遮罩層div顯示效果 將其放在頁面的div中...

js控制的遮罩層

閒來無事,把專案裡很土的彈窗,改成了遮罩層顯示,感覺效果好點了。上 父頁面 include file web inf jsp infobackup martyr printcertdia.jsp true printcertdia.jsp 便是要顯示的最上層jsp.如果用jsp include 頁面...

2015 3 12(遮罩層JS模組)

這兩天了解了一些前端開發常用的工具和庫和框架,有乙個疑問,如果大量使用這些現成的框架,會不會導致大材小用呢?就是每乙個頁面都要載入一遍可能要用的框架和庫,但實際上這個頁面的實現只會用到一小部分,這樣無形中就會拖慢速度或者是造成使用者的流量浪費。這種問題要怎麼解決呢?沒有開發經驗啊,這種優化問題有點想...