jquery弹出对话框背景遮罩例子
作者：简简单单
2015-09-02
首先定义一个背景黑色，透明度低的div,当点击的时候弹出需要显示的对话框，并显示遮罩层，关闭对话框，遮罩层隐藏。要注意的是对话框的z-index的值要比遮罩层大。
.mask{
position: absolute;
background-color: #000;
opacity: 0.5;
z-index: 99;
top: 0px;
width: 100%;
height: 100%;
display: none;
}
- 技术水平
- 服务态度
- 服务质量
- 服务速度
js代码：
$(function(){
$('.complain-theme').click(function(){
$('.complain-theme-content').fadeIn();
$('.mask').show();
});
$('.complain-theme-content li').click(function(){
var txt=$(this).text();
$(".complain-txt").text(txt);
$('.complain-theme-content').fadeOut();
$('.mask').hide();
});
效果：
