<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.jb200.com/" />
<title>网页右下角弹窗效果代码-www.jb200.com</title>
<style type="text/css">
*{
margin:0px;
padding:0px;
}
#content{
width:30px;
height:1500px;
margin:0px auto;
}
#theWindow{
width:300px;
height:200px;
border:1px solid #000;
position:fixed;
bottom:2px;
right:2px;
display:none;
background-color:White;
}
#theWindow a{
position:absolute;
top:8px;
right:8px;
font-size:12px;
text-decoration:none;
color:Blue;
}
#reshow{
position:fixed;
right:2px;
bottom:2px;
font-size:12px;
display:none;
background-color:White;
cursor:pointer;
border:1px solid #000;
}
</style>
<script type="text/
javascript" src="mytest/
jquery/jquery-1.8.3.js"></script>
<script type="text/javascript">
function softwhy(){
$("#theWindow").slideDown("slow");
}
$(document).ready(function(){
setTimeout(function(){
softwhy();
}, 1000);
$("#close").click(function(){
$("#theWindow").slideUp("slow");
});
})
</script>
</head>
<body>
<div id="content">www.jb200.com欢迎您，每一天都是新的好好珍惜。</div>
<div id="theWindow">
<a href="javaScript:void(0)" id="close">关闭</a>
<span>www.jb200.com欢迎您</span>
</div>
</body>
</html>
