JqueryWindow.html(弹窗案例)&&js

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>JqueryWindow.html(弹窗案例)</title>
 
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
   
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
  <script type="text/javascript" src="jslib/jquery.js"></script>
 <script type="text/javascript" src="jslib/jquerywin.js"></script>
 <link type="text/css" rel="stylesheet" href="css/win.css"/>
  </head>
 
  <body>
   <a onclick="showwin()" href="#">显示浮动窗口</a>
   <div id="win">
    <div id="title">我是标题 <span id="close" onclick="hide()">X</span> </div>
    <div id="content">我是正文</div>
  
  
   </div>
  </body>
</html>

 

 

---js代码

//显示浮动窗口的方法
function showwin(){
 
 //alert(123);
  var winNode=$("#win");
 // winNode.css("display","block");
 //winNode.show("slow");
  //winNode.fadeIn("slow");
  winNode.fadeIn("slow");
}

function hide(){
 
 var winNode=$("#win");
 //winNode.css("display","none");
 //winNode.hide("slow");
 winNode.fadeOut("slow");
 
}

 

 

你可能感兴趣的:(JqueryWindow.html(弹窗案例)&&js)