

Html代码
Jq顶部弹出框X
Css代码
body {
margin: 0;
padding: 0;
}
.tooltiptop {
width: 100%;
height: 50px;
margin-top:-50px;
display:none;
}
.tooltiptop .bg {
width: 100%;
background-color: #333;
height: 50px;
opacity: .7;
position: absolute;
margin: 0;
}
.tooltiptop .main {
width: 100%;
position: absolute;
margin: 0;
height: 50px;
line-height: 50px;
text-align: center;
color: #fff;
}
.tooltiptop .main span {
float: right;
color: #fff;
margin-right: 20px;
cursor: pointer;
}
Jq代码
再给大家分享一例特效,效果也非常不错
CSS
JS
script>
HTML
jquery float浮动层弹出层页面加载特效jquery顶部动画弹出层
