jquery簡潔遮罩外掛程式

2022-02-01 02:45:51 字數 3470 閱讀 2978

/*

*************************

*desc:提交操作時遮罩

*argument:type=0 全屏遮 1區域性遮

*author:zery-zhang

*date:2014-09-18

*version:1.0.0

*************************

*/; (function ($) ;

var opt =$.extend({}, defaultval, option);

if (opt.type == 0

) else

//銷毀物件

if (option === "

destroy")

//設定背景層高

function height ()

else

//handle "good" browsers

}

else

if ($.browser.msie && $.browser.version == 8

)

else

};//設定背景層寬

function width()

else

//handle "good" browsers

}

else

};/***********全部遮罩*****====

*/function openlayer() );

//及文字層

var content = $("");

content.css();

"" + opt.text + "");

$("body

"

var top = content.css("

top").replace('

px',''

);

var left = content.css("

left

").replace('

px',''

); content.css(

"top

",(parsefloat(top)-opt.height/2)).css("

left

",(parsefloat(left)-opt.width/2

));

return

this

; }

//銷毀物件

function closelayer()

/***********區域性遮罩*****====

*/function openpartiallayer(obj) );

$("body

"

return

this

; }

};})(jquery)

jquery 1.9較之前版本的變化,主要介紹移除方法的替代方法:.browser、.live、.die、.sub、.toggle 。如果是大家用的是jquery 1.9以後的版本請用下面的外掛程式**

/*

*************************

*desc:提交操作時遮罩

*argument:type=0 全屏遮 1區域性遮

*author:zery-zhang

*date:2014-09-18

*version:1.0.0

*************************

*/; (function ($) ;

var opt =$.extend({}, defaultval, option);

if (opt.type == 0

) else

//銷毀物件

if (option === "

destroy")

//設定背景層高

function height ()

else

//handle "good" browsers

}

else

if($.support.objectall)

else

};//設定背景層寬

function width()

else

//handle "good" browsers

}

else

};/***********全部遮罩*****====

*/function openlayer() );

//及文字層

var content = $("");

content.css();

"" + opt.text + "");

$("body

"

var top = content.css("

top").replace('

px',''

);

var left = content.css("

left

").replace('

px',''

); content.css(

"top

",(parsefloat(top)-opt.height/2)).css("

left

",(parsefloat(left)-opt.width/2

));

return

this

; }

//銷毀物件

function closelayer()

/***********區域性遮罩*****====

*/function openpartiallayer(obj) );

$("body

"

return

this

; }

};})(jquery)

引入js

呼叫:

"

button

" id="

btnopen2

" value="

開啟全域性

" />

"button

" id="

btnclose2

" value="

關閉全域性

" />"

button

" id="

btnopen

" value="

遮罩我" />

"button

" id="

btnclose

" value="

關閉" />

JQuery中遮罩層blockUI外掛程式的用法

這個外掛程式的用法很簡單。阻止使用者與頁面互動 blockui 自定義提示資訊 blockui 自定義顯示樣式 blockui 解除對頁面的鎖定 unblockui 如果要使用預設設定來同步所有的ajax請求動作,如下 ajaxstart blockui ajaxstop unblockui 1 以...

jquery實現遮罩層

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

jQuery 遮罩層 浮動框

因為css不熟,實現總是搞不定ie6,所以結合用jquery了。1.遮罩層 指令碼 onevent function maskdiv css width body width maskdiv css height body heigth maskdiv show 要點 獲取body的大小。2.浮動框...