2015 3 12(遮罩層JS模組)

2022-08-03 01:12:11 字數 697 閱讀 7982

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

今天的練習需要乙個可以用於點選放大以及用於替代系統自帶的alert的遮罩層寫了如下的js模組。方便在專案中直接呼叫。

下面是html部分的**。只是在button的onclick事件中呼叫了js模組;

下面是js模組的**,設定了三個遮罩層,最底下的bottomdiv是乙個和螢幕同高同寬的全透明遮罩層,中間的middlediv是乙個陰影,和頂部可視的newdiv大小基本一致,只是在定位上略下方一點,可以達到乙個陰影的效果。

配色極醜……這裡決定要將button替換成a標籤,用a:hover來模擬按鈕的效果,比自帶的button稍微好一點。

日拱一卒,不期速成。

JS 層的遮罩效果

在網上看到乙個,用js寫的層的遮罩效果。和大家分享一下。css樣式,如下 js實現,如下 html 如下 input id button1 type button value 點選彈出層 onclick showdiv mydiv fade div id fade class black overl...

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 頁面...