ys_popup.css
创新互联公司网站建设公司，提供
成都做网站、网站制作，网页设计，建网站，PHP网站建设等专业做网站服务;可快速的进行网站开发网页制作和功能扩展；专业做
搜索引擎喜爱的网站，是专业的做网站团队，希望更多企业前来合作!.ys-popup{
position:fixed;
top:0;
bottom:0;
left:0;
right:0;
display:none;
z-index: 99999;
background-color: rgba(0,0,0,0.4);
}
.ys-popup .ys-popup-content{
position:absolute;
left:30px;
right:30px;
top:50%;
display:block;
background-color:#fff;
margin:auto;
border-radius: 4px;
}
ys_popup.js
(function($){
function closePopup(target){
$(target).hide();
}
function showPopup(target){
$(target).show();
$(target).css("visibility","hidden");
var popupContentHeight = parseInt($(target).find(".ys-popup-content").css("height"));
$(target).find(".ys-popup-content").css({
"margin-top":(-1)*popupContentHeight/2+"px"
});
$(target).css("visibility","initial");
}
$("body").on("click",".ys-popup",function(e){
e.stopPropagation();
e.preventDefault();
$(this).hide();
});
$("body").on("click",".ys-popup .ys-popup-content",function(e){
e.stopPropagation();
e.preventDefault();
});
var options = {
ysPopup:function(command) {
if(command=="show"){
showPopup(this);
}else if(command=="hide"){
closePopup(this);
}else{
showPopup(this);
}
}
};
$.fn.extend(options);
})(jQuery);
测试
备注
