2,089
社区成员
发帖
与我相关
我的任务
分享
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>QQ弹出消息</title>
<style type="text/css">
#pop{
width: 250px;
height: 150px;
border: 1px solid #fcc;
background-color: yellow;
position: absolute;
right: 16px;
bottom: -150px;
display: none;
}
</style>
<script src="jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#pop").css("opacity", 0);
$("#btn").click(fun);
$("#cloPop").click(fun2);
});
function fun() { /* 弹出框从下往上慢慢升起,其中还包括了透明度的变化 */
$("#pop").css("display", "block");
$("#pop").animate({
bottom: "16px",
opacity: 1
},1000);
}
function fun2() { /* 弹出框从上往下降下去 */
$("#pop").css("display", "block");
$("#pop").animate({
bottom: "-150px",
opacity: 0
},1000);
}
</script>
</head>
<body style="height: 1800px;">
<form id="form1" runat="server">
<div>
<input type="button" value="缓缓升起的窗口" id="btn" />
<div id="mes"></div>
</div>
</form>
<div id="pop">
<a href="http://g.cn" target="_blank">有新用户注册</a>
<a id="cloPop" href="#">关闭</a>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>QQ弹出消息</title>
<style type="text/css">
html{
height: 100%;
}
#pop{
width: 250px;
height: 150px;
border: 1px solid #fcc;
background-color: yellow;
position: absolute;
right: 16px;
bottom: -150px;
display: none;
}
</style>
<script src="jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#pop").css("opacity", 0);
$("#btn").click(fun);
$("#cloPop").click(fun2);
});
function fun() { /* 弹出框从下往上慢慢升起,其中还包括了透明度的变化 */
$("#pop").css("display", "block");
$("#pop").animate({
bottom: "16px",
opacity: 1
},1000);
}
function fun2() { /* 弹出框从上往下降下去 */
$("#pop").css("display", "block");
$("#pop").animate({
bottom: "-150px",
opacity: 0
},1000);
}
</script>
</head>
<body style="height: 1800px;">
<form id="form1" runat="server">
<div>
<input type="button" value="缓缓升起的窗口" id="btn" />
<div id="mes"></div>
</div>
</form>
<div id="pop">
<a href="http://g.cn" target="_blank">有新用户注册</a>
<a id="cloPop" href="#">关闭</a>
</div>
</body>
</html>