jQuery实现淡入淡出的模态框

float: left;
font-weight: bold;
border-right: 1px solid #ddd;
}
.theme-edu .ky{
border-right: 0;
}
.theme-eduTopLf{
position: relative;
width: 100%;
height: 40px;
line-height: 40px;
font-weight: normal;
}
.theme-eduTopLf i{
position: absolute;
top: 10px;
left: 56px;
width: 20px;
height: 20px;
background: url("../img/used.png") no-repeat center center/cover;
}
.theme-eduTopLf i.able{
background: url("../img/able.png") no-repeat center center/cover;
}
.theme-eduTopLf .yye,.theme-eduInfo .bf{
color: #ec4e4e;
}
.theme-eduTopLf .kye,.theme-eduInfo .bt{
color: #4CB8A8;
}
.theme-eduBomLf{
width: 100%;
height: 60px;
line-height: 60px;
font-size: 22px;
overflow: hidden;
word-wrap: break-word;

JavaScript代码如下：

jQuery(document).ready(function($) {
 $('.theme-login').click(function(){
 $('.theme-popover-mask').fadeIn(100);
 $('.theme-popover').slideDown(200);
 });
 $('.theme-poptit .close').click(function(){
 $('.theme-popover-mask').fadeOut(100);
 $('.theme-popover').slideUp(200);
 });
});