jQuery 遮罩層 浮動框

2022-02-14 09:22:50 字數 619 閱讀 9066

因為css不熟,實現總是搞不定ie6,所以結合用jquery了。

1.遮罩層:

指令碼:onevent(function(){

$("#maskdiv").css("width",$("body").width());

$("#maskdiv").css("height",$("body").heigth());

$("#maskdiv").show();

要點:獲取body的大小。

2.浮動框:

onevent(function(){

var offs=$("#btnupload").offset();  //btnupload為上傳按鈕

$("#floatdiv").css("left",offs.left-$("floatdiv").width());

$("#floatdiv").css("top",offs.top);

$("#floatdiv").show();

要點:offset方法獲取匹配元素在當前視口的相對偏移。

根據上傳按鈕的位置來確定浮動框的相對位置。

jquery實現遮罩層

jquery確實是個好東西,引用了它之後在頁面上寫指令碼方便多了,而且它的ui外掛程式特別豐富,你想要的效果幾乎它都幫你實現了,如果你不想用它的外掛程式,自己擴充套件也很方便。我自己寫了乙個測試遮罩層的頁面,開始總是在樣式裡設定好遮罩層的寬度和高度,可是如果顯示器的尺寸不一樣的話,這個遮罩層就會出現...

原生模態框,遮罩層

哈哈哈哈中信營業廳 li liclass q2 高堯三 li liclass q3 漢中門分店 li liclass q4 會員有效期 2020 10 10 li ul divclass line div div button class b1 取消 button button class b2 確...

jQuery遮罩層的實現

遮罩層其實就是乙個佔據整個頁面的半透明效果的頁面元素,一般用div實現。頁面中實現遮罩層,無非就是為了讓使用者只能操作彈出視窗的內容,而不允許操作彈出視窗外的內容。在實現時,我使用了兩個div,乙個遮罩層id overlay,乙個是彈出窗id dialog。1 body 2 div id overl...