弹窗悬浮一个新网页php代码,一个简单的图片悬浮窗，点击可关闭

一个简单的图片悬浮窗，点击可关闭

作者: 2015.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();});

讨论区

您尚未 登录，或请 注册。

你可能也喜欢