Jquery实现弹出窗口

          1. JqueryWin.jsp      <link rel="stylesheet" type="text/css" href="css/win.css">
<script type="text/javascript" src="jslib/jquery-1.2.6.js"></script>
  <script type="text/javascript" src="jslib/jqueryWin.js"></script>

--------------------------------------

<a    onclick="showWin()" href="#">显示弹出窗口</a>
        <div id="win" >
          <div id="title">标题栏<span id="close" onclick="hide()">X</span></div>
          <div id="content">内容</div>
        </div>   2. JqueryWin.js function showWin(){
  var winNode = $("#win");
  //winNode.css("display","block");
  //winNode.show("slow");
  winNode.fadeIn("slow");    
}

function hide(){
  var winNode = $("#win");
  //winNod.css("display","none");
  //winNode.hide("slow");
  winNode.fadeOut("slow");
}  3. Win.css #win{
  border: 1px blue solid;
  width: 300px;
  height: 200px;
  display: none;
  position: absolute;
  top: 100px;
  left: 350px;
    
}

#title{
  background-color: blue;
  color: red;
  padding-left: 3px;
}

#content{
  padding-left: 3px;
  padding-top: 5px;
}

#close{
  padding-left: 235px;
  cursor:pointer;
}    感谢sean先生供稿！