Heim > Web-Frontend > js-Tutorial > jquery弹出关闭遮罩层实例_jquery

jquery弹出关闭遮罩层实例_jquery

WBOY
Freigeben: 2016-05-16 17:26:37
Original
1343 Leute haben es durchsucht

复制代码 代码如下:




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 函数。

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage