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

最新推荐文章于 2024-09-09 22:16:15 发布

xiaoai

最新推荐文章于 2024-09-09 22:16:15 发布

阅读量1.1k

点赞数

文章标签： stylesheet function div html

本文链接：https://blog.csdn.net/Name_xiaoai/article/details/7724839

版权

<!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">

    
<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 οnclick="showwin()" href="#">显示浮动窗口</a>
   <div id="win">
    <div id="title">我是标题 <span id="close" οnclick="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");

}