http://jquery.com/demo/thickbox/
ThickBox.asp
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head id="Head1" runat="server">
<title>未命名頁面</title>
<script type="text/javascript" src="js/jquery-1.3.2.js" ></script>
<script type="text/javascript" src="js/jquery-latest.pack.js" ></script>
<script type="text/javascript" src="js/ThickBox.js" ></script>
<link rel="stylesheet" href="css/thickbox.css" type="text/css" media="screen" />
</head>
<body>
<form >
<p><a href="pic/2.jpg" title="add a caption to title attribute / or leave blank"><img src="pic/2.jpg" alt="Image 2"/></a></p>
<a href="ThickBox2.asp?height=300&width=300" title="add a caption to title attribute / or leave blank">Scrolling content</a>
</form>
</body>
</html>
ThickBox2.asp
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head id="Head1" runat="server">
<title>未命名頁面</title>
</head>
<body>
<form >
<div style="width:500px;background-color:#eeeeee;">
ThickBox2.asp
<a href="#" id='TB_closeWindowButton' title='Close' >close</a>
</div>
</form>
</body>
</html>
留言列表
Web程式設計 (11)