JavaScript實現彈出窗口實質上就是在瀏覽器上畫了一個方形區域，并在開始時將其隱藏，只是到某個JavaScript事件時才通過修改css的屬性值來將其顯示出來。
<html>
<head>
<title>jQuery實例1：浮動窗口</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<mce:script type="text/javascript" src="jslib/jquery.js" mce_src="jslib/jquery.js"></mce:script>
<mce:script type="text/javascript" src="jslib/jquerywin.js" mce_src="jslib/jquerywin.js"></mce:script>
<link type="text/css" rel="stylesheet" href="css/win.css" mce_href="css/win.css">
</head>
<body>
</body>
<a onclick="showWin()" href="#" mce_href="#">彈出窗口</a>
<div id="win">
<div id="title">我是標題欄！<span id="close" onclick="hide()">X</span></div>
<div id="content">我是一個窗口！</div>
</div>
</html>
