首頁 > web前端 > js教程 > jquery彈出關閉遮罩層實例_jquery

jquery彈出關閉遮罩層實例_jquery

WBOY
發布: 2016-05-16 17:26:37
原創
1342 人瀏覽過

複製程式碼 程式碼如下:




jquery簡單實現遮罩層--腳本家



顯示遮罩層後點選右上角關閉


腳本之家

www.jb51.net

keleyi

www.jb51.net

腳本之家

腳本之家返回頂部

a

jquery


www.jb51.net

完整程式碼



 
").css({
position:"absolute",
top:0,
left :0,
backgroundcolor:"#004400",
opacity:0.5,
zindex:300
})
.height($(document).height())
. width($(document).width()).hide().appendto("body")

//需要遮罩的時候
function show_www.jb51.net() {
$("#div_brg_www.jb51.net").show();
}

$("#close_ke" "leyi_com").click(function () {
//取消遮罩的時候
$("#div_brg_www.jb51.net").hide();
}
)


其中用到兩個jquery方法:
一、show():如果被選元素已被隱藏,則顯示這些元素

語法
$(selector).show(speed,callback)

speed 
可選。規定元素從隱藏到完全可見的速度。預設為 "0"。
可能的值:
毫秒(例如1500)
"slow"
"normal"
"fast"
在設定速度的情況下,元素從隱藏到完全可見的過程中,會逐漸改變其高度、寬度、外邊距、內邊距和透明度。

callback 
可選。 show 函數執行完後,要執行的函數。
除非設定了 speed 參數,否則不能設定該參數。

提示:如果元素已經完全可見,則該效果不產生任何變化,除非規定了 callback 函數。
註:此效果適用於透過 jquery 隱藏的元素,或在 css 中聲明 display:none 的元素(但不適用於 visibility:hidden 的元素)。


二、hide():如果被選的元素已被顯示,則隱藏該元素。

語法
$(selector).hide(speed,callback)

speed 
可選。規定元素從可見到隱藏的速度。預設為 "0"。
可能的值:
毫秒(例如1500)
"slow"
"normal"
"fast"
在設定速度的情況下,元素從可見到隱藏的過程中,會逐漸改變其高度、寬度、外邊距、內邊距和透明度。

callback 
可選。 hide 函數執行完之後,要執行的函數。

除非設定了 speed 參數,否則不能設定該參數。

提示:如果元素已經完全可見,則該效果不產生任何變化,除非規定了 callback 函數。

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板