簡單遮罩層

2022-04-03 08:01:00 字數 660 閱讀 7297

效果:

1、heml頁面的原始碼:

點選我我是彈出的遮罩層

關閉2.css檔案

#con

#shade

/***遮罩層***

*/#greybackground

#closebtn

3.js**

$(function

() );

//當瀏覽器視窗大小改變時

$(window).resize(

function

() );

});//

當拉動滾動條時,彈出層跟著移動

$(window).scroll(

function

() );

});//

點選鏈結彈出登入視窗$("

#click

").click(

function

() );

return

false

;});

//點選關閉按鈕$("

#closebtn

").click(

function

() );

});

乙個超簡單的遮罩層

在開發中,為了避免二次提交,遮罩層的運用越來越普遍 1.樣式如下設定 css mask style 其中 opacity 0.5 適用於ie,moz opacit 0.5 適用於火狐 你只需要都加上,便可以火狐和ie下都可以使用。2.指定層的高度 和寬度。js class html name cod...

css彈出遮罩層

說明 需要jquery支援,支援ie8 googlechrome,firefox,話不多說,上 html type button onclick showmaskshadow value 彈出遮罩層 class bgdiv div class contentdiv type button oncli...

04 遮罩層 獸

通過使用背景顏色透明度,相對位置,以及hover屬性,來達到效果 demo案例 在 中文字的居中,需要注意處理p標籤的預設margin值 p 在遮罩的顯示方式中,第一種是通過display none來控制,上下左右的遮罩顯示,通過overflow hidden和left,top,right,bott...