时间:2021-05-26
复制代码 代码如下:
<html>
<head>
<meta charset="utf-8" />
<script type="text/javascript" src="jquery-1.8.2.js"></script>
<title>背景透明</title>
<style>
*{
margin:0;
padding:0;
}
body{
position:relative;
width:100%;
height:100%;
}
.aaa{
background-color:#fff;
border:10px solid gray;
border-radius:4px 4px 4px 4px;
display:none;
width:300px;
position:absolute;
top:30%;
left:30%;
z-index:11;
}
.show{
display:none;
width:100%;
height:100%;
position:absolute;
z-index:10;
left:0;
top:0;
background:#000000;
opacity:0.3;
filter:alpha(opacity=30);
}
a{
TEXT-DECORATION:none
}
.w_close:hover{
color:#666666;
font-size:12px;
}
.w_close:link {
color:#666666;
font-size:12px;
}
.w_close:active{
color:#666666;
font-size:12px;
}
.w_close:visited {
color:#666666;
font-size:12px;
}
</style>
</head>
<body >
<div id="test">
<p>刘成亮刘成亮刘成亮刘成亮刘成亮刘成亮刘成亮刘成亮刘成亮</p>
<p>刘成亮刘成亮刘成亮刘成亮刘成亮刘成亮刘成亮刘成亮刘成亮</p>
<p>刘成亮刘成亮刘成亮刘成亮刘成亮刘成亮刘成亮刘成亮刘成亮</p>
<p>刘成亮刘成亮刘成亮刘成亮刘成亮刘成亮刘成亮刘成亮刘成亮</p>
<p>刘成亮刘成亮刘成亮刘成亮刘成亮刘成亮刘成亮刘成亮刘成亮</p>
<p>刘成亮刘成亮刘成亮刘成亮刘成亮刘成亮刘成亮刘成亮刘成亮</p>
<p>刘成亮刘成亮刘成亮刘成亮刘成亮刘成亮刘成亮刘成亮刘成亮</p>
<p>刘成亮刘成亮刘成亮刘成亮刘成亮刘成亮刘成亮刘成亮刘成亮</p>
<p>刘成亮刘成亮刘成亮刘成亮刘成亮刘成亮刘成亮刘成亮刘成亮</p>
<p>刘成亮刘成亮刘成亮刘成亮刘成亮刘成亮刘成亮刘成亮刘成亮</p>
</div>
<div id="showError">显示提示</div>
<div id="" class="show"></div>
<div class="aaa">
<div style="height:20px;background-color:#F2F2F2">
<span style="float:right;cursor:pointer;padding-top:4px;padding-right:4px;" id="close"><a class="w_close" href="javascript:void(0);">关闭</a></span>
</div>
<div style="">
<table>
<tr>
<th>用户名:</th>
<td><input type="text" name="name"></td>
</tr>
<tr>
<th>密码:</th>
<td><input type="password" name="password"></td>
</tr>
<tr>
<td><input type="submit" value="提交"></td>
</tr>
</table>
</div>
</div>
</body>
<script type="text/javascript">
$("#showError").live('click',function(){
$(".show").show();
$(".aaa").show();
//$("body").addClass("fli");
})
$("#test").live('click',function(){
alert(11111);
})
$("#close").live('click',function(){
$(".show").hide();
$(".aaa").hide();
})
</script>
</html>
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
本文实例讲述了JS+CSS实现可拖动的弹出提示框。分享给大家供大家参考。具体实现方法如下:复制代码代码如下:JS+CSS打造的可拖动的弹出提示框a{color:
一款基于纯CSS的气泡提示框,整个提示框由箭头和矩形框组成,并且气泡提示框的箭头可以有不同的方向。在线预览源码下载实现的代码。css代码:CSSCode复制内容
摘要:之前给大家介绍过用CSS来实现带箭头的提示框,今天我们来点不太一样的,本文将分享几款带箭头提示框。qtipqTip是一种先进的提示插件,基于jQuery框
本文实例讲述了js实现右下角提示框的方法。分享给大家供大家参考。具体实现方法如下:实现右下角提示框的Jquery插件(popup.js)复制代码代码如下://兼
本文实例讲述了jQuery实现仿新浪微博浮动的消息提示框。分享给大家供大家参考。具体如下:这是一款jQuery实现的仿新浪微博新消息提示框效果,支持智能浮动定位