最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
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();
});
效果：
-
上一个： jquery仿苹果手机IOS开关效果
-
下一个： Jquery+css实现滚动条定位效果
相关文章
- jQuery实现单击按钮遮罩弹出对话框效果（1） 04-20
- jQuery实现单击按钮遮罩弹出对话框效果（2） 04-20
- jQuery点击弹出层弹出模态框点击模态框消失代码分享 02-13
- jQuery弹出层插件hwLayer使用方法详解 05-21
- jquery实现点击弹出带标题栏的弹出层效果代码 09-24
- jquery-ui中弹出层（dialog）使用方法 05-02