一个简单的图片悬浮窗,点击可关闭
作者: .05.02 本文发布于1793天前 分类:
#btnClose{ cursor:pointer;font-family:Arial;background-color:#000;border-radius:50%;width:20px;height:20px;line-height:20px;text-align:center;position:absolute;margin-right:-5px;}
#BgDiv{background-color:#000; position:absolute; z-index:99; left:0; top:0; display:none; width:100%; height:100%;opacity:0.5;filter: alpha(opacity=50);-moz-opacity: 0.5;}
#DialogDiv{position:fixed;width:805px; left:50%; top:50px; margin-left:-400px; height:auto; z-index:100;background-color:#fff; border:1px #ccc solid; padding:1px; overflow:hidden;}
#DialogDiv h2{ height:25px; font-size:14px; position:relative; padding-left:10px; line-height:25px; color:#FFFFFF;}
#DialogDiv h2 a{position:absolute; right:5px; font-size:12px; color:#fff}#btnShow{ padding:3px;}
document.writeln("
X
");function xiaoshi(){
$("#BgDiv").css("display","none");
$("#DialogDiv").css("display","none");
}
$("#btnClose").click(function(){xiaoshi();});
讨论区
您尚未 登录,或请 注册。
你可能也喜欢
如果觉得《弹窗悬浮一个新网页php代码 一个简单的图片悬浮窗 点击可关闭》对你有帮助,请点赞、收藏,并留下你的观点哦!