<!DOCTYPE html>
<html>
<head>
<title> SimpleModal Basic Modal Dialog </title>
<meta name='author' content='Eric Martin' />
<meta name='copyright' content='2010 - Eric Martin' />
<!-- 页面样式 -->
<link type='text/css' href='css/demo.css' rel='stylesheet' media='screen' />
<!-- 页面样式 -->
<link type='text/css' href='css/basic.css' rel='stylesheet' media='screen' />
<!-- IE6或者火狐的浏览器 -->
<!--[if lt IE 7]>
<link type='text/css' href='css/basic_ie.css' rel='stylesheet' media='screen' />
<![endif]-->
<!-- JS files are loaded at the bottom of the page -->
</head>
<body>
<div id='container'>
<div id='logo'>
<h1>Author:<span>Allen.wul</span></h1>
<span class='title'>jQuery弹出窗口案例.</span>
</div>
<div id='content'>
<div id='basic-modal'>
<h3>jQuery Modal Dialog</h3>
<input type='button' name='basic' value='Demo' class='basic'/> or <a href='#' class='basic'>Demo</a>
</div>
<!-- 弹出窗体 -->
<div id="basic-modal-content">
<p>弹出窗口</p>
</div>
<!-- 关闭按钮 -->
<div style='display:none'>
<img src='img/basic/x.png' alt='' />
</div>
</div>
<div id='footer'>
© Author QQ: | 416843559 有问题请一起讨论
</div>
</div>
<script type='text/javascript' src='js/jquery.js'></script>
<script type='text/javascript' src='js/jquery.simplemodal.js'></script>
<script type='text/javascript' src='js/basic.js'></script>
</body>
</html>
jQuery Dialog 弹出层案例
4星 · 超过85%的资源 需积分: 9 170 浏览量
2011-08-22
10:51:47
上传
评论
收藏 32KB RAR 举报 
basic.rar （8个子文件） 
basic css 
demo.css 806B basic.css 1KB basic_ie.css 581B img basic 
x.png 1KB js basic.js 582B jquery.js 76KB jquery.simplemodal.js 9KB
index.html 1KB
- 1
- 2
前往页