jquery彈出關閉遮罩層實例_jquery

複製程式碼 程式碼如下:

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

腳本之家

www.jb51.net

keleyi

www.jb51.net

腳本之家

腳本之家返回頂部

a

jquery

原文

www.jb51.net

完整程式碼

• 單行文字間歇向上捲動


• jquery ui修飾title氣泡


• jquery清空textarea等輸入框 li>
  
• jquery關燈特效


• 可改變大小div層

jquery 　 javascript 　 cms

 

").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 函數。