乙個超簡單的遮罩層

2022-08-16 21:36:18 字數 469 閱讀 2060

在開發中,為了避免二次提交,遮罩層的運用越來越普遍

1.樣式如下設定:

css**

.mask      

style>    

其中: opacity:0.5;適用於ie, -moz-opacit:0.5;適用於火狐;你只需要都加上,便可以火狐和ie下都可以使用。

2.指定層的高度、和寬度。

js**

class="html" name="code">

3.在中加入如下**,然後就可以看效果了:

html**

div>    

點我顯示遮罩層a>

4.使用方法:

在ajax提交表單後,加上showmask方法,資料返回後,加上hidemask()

需要的親們可以根據自己需求,在遮罩層上面加一些提示資訊

乙個移入遮罩層消失的放大鏡

具體的實現效果如上圖,即滑鼠移入時遮罩層消失 實現原理 背景圖和遮罩層不進行任何操作,保持最初狀態就好,然後給移動的小方塊加和大的背景圖一樣的背景圖,移動小方塊的同時通過background position移動小方塊背景圖的位置來實現 老規矩,直接上 感興趣的同學可以拉下去自己看看 滑鼠移入事件 ...

QT實現遮罩效果的乙個簡單辦法

一 建立乙個新視窗mpshadewindow,使其成為主視窗的類成員。在主視窗的類中新增成員 qwidget mpshadewindow 在主視窗類的建構函式中為新視窗申請記憶體 mpshadewindow new qwidget this 二 在需要開啟遮罩的位置,執行如下 設定遮罩視窗 qstr...

vue實現乙個移動端遮蔽滑動的遮罩層

在扯廢話浪費大家的時間之前,先上個 好了,使用vue實現起來很簡單 對,就是這麼簡單,加上 touchmove.prevent就可以遮蔽滑動頁面了,然後再和普通的遮罩層一樣,加點樣式 遮罩層 overlayer如此,便可以了 vue真是好用啊 如果彈窗不在遮罩層內部,那麼冒泡就不會經過遮罩層,也就無...