一个简单的弹出div框的jquery小功能,需要先加载一下jquery包,然后后面是代码


<html>
<head>
<script src="./jq.js"></script>
<style>
#yy{
width:485px;
height:302px;
position:fixed;
left:50%;
top:50%;
z-index:101;
margin:-151px 0 0 -242px;
-moz-border-radius: 5px;
-khtml-border-radius:5px;
-webkit-border-radius: 5px;
border-radius: 5px;
background-color:red;
display:none;
}
</style>
</head>
<body>
<center><span><a id="dian" href="javascript:">点击</a></span></center>
<div id='yy'></div>
<script>
$(function(){
$('#dian').click(function(){
$("#yy").fadeIn();
});
$('#yy').click(function(){
$('#yy').fadeOut();
});
});
</script>
</body>

</html>