3个回答
展开全部
<html>
<head>
<title>LIGHTBOX EXAMPLE</title>
<style>
.black_overlay{ display: none; position: absolute; top: 0%; left: 0%; width: 100%; height: 100%;background-color: black; z-index:1001; -moz-opacity: 0.8; opacity:.80; filter: alpha(opacity=10); }
.white_content { display: none; position: absolute; top: 35%; left: 35%; width: 30%; height: 30%;padding: 16px; border: 5px solid #0099CC; background-color: white; z-index:1002; overflow: auto; }
.right{ float:right; display:block; height:20px;width:100%;text-align:right}
</style>
</head>
<body onLoad="document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'">
<div id="light" class="white_content">
<span class="right"><a href="javascript:void(0)" onclick="document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'">关闭</a></span>
请勇敢的留下你的名字!
</div>
<div id="fade" class="black_overlay">
</div>
网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容
</body>
</html>
<head>
<title>LIGHTBOX EXAMPLE</title>
<style>
.black_overlay{ display: none; position: absolute; top: 0%; left: 0%; width: 100%; height: 100%;background-color: black; z-index:1001; -moz-opacity: 0.8; opacity:.80; filter: alpha(opacity=10); }
.white_content { display: none; position: absolute; top: 35%; left: 35%; width: 30%; height: 30%;padding: 16px; border: 5px solid #0099CC; background-color: white; z-index:1002; overflow: auto; }
.right{ float:right; display:block; height:20px;width:100%;text-align:right}
</style>
</head>
<body onLoad="document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'">
<div id="light" class="white_content">
<span class="right"><a href="javascript:void(0)" onclick="document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'">关闭</a></span>
请勇敢的留下你的名字!
</div>
<div id="fade" class="black_overlay">
</div>
网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
用javascript来
<script>
window.onload=function()
{
alert("请勇敢的留下你的名字");
}
</script>
<script>
window.onload=function()
{
alert("请勇敢的留下你的名字");
}
</script>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
ymPrompt插件可以任你选择弹出来的类型窗体，不过不知道你需要的颜色是否一样
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
