<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<HTML><HEAD lang=zh><TITLE>jQuery Dialog弹出层对话框插件演示</TITLE>
<META http-equiv=Content-Type content=text/html;charset=utf-8>
<META content="jquery,dialog,plugins,jquery plugins,弹出层,对话框" name=keywords>
<META content=jQuery插件dialog演示 name=description>
<LINK href="dialog.css" type=text/css
rel=stylesheet><LINK href="dialog.css" type=text/css
rel=stylesheet>
<SCRIPT src="jquery.min.js" type=text/javascript></SCRIPT>
<SCRIPT src="dialog.js" type=text/javascript></SCRIPT>
<SCRIPT src="prettify.js" type=text/javascript></SCRIPT>
<!--[if lte IE 8]>
<SCRIPT src="html5.js" type=text/javascript></SCRIPT>
<![endif]-->
<STYLE type=text/css>
BODY {
FONT-SIZE: 90%; BACKGROUND: #ddd; TEXT-ALIGN: center
}
A {
CURSOR: pointer; TEXT-DECORATION: none
}
A:hover {
TEXT-DECORATION: underline
}
.left {
FLOAT: left
}
.right {
FLOAT: right
}
.clear {
CLEAR: both
}
.center {
BORDER-RIGHT: gray 1px solid; BORDER-TOP: gray 1px solid; BACKGROUND: #fff; MARGIN-LEFT: auto; BORDER-LEFT: gray 1px solid; WIDTH: 70%; MARGIN-RIGHT: auto; BORDER-BOTTOM: gray 1px solid
}
.header {
PADDING-RIGHT: 20px; PADDING-LEFT: 20px; BACKGROUND: #ddd; PADDING-BOTTOM: 20px; PADDING-TOP: 20px
}
.footer {
PADDING-RIGHT: 20px; PADDING-LEFT: 20px; BACKGROUND: #ddd; PADDING-BOTTOM: 20px; PADDING-TOP: 20px
}
.ad-left {
LEFT: 6px; POSITION: absolute; TOP: 100px
}
.ad-right {
RIGHT: 6px; POSITION: absolute; TOP: 100px
}
.content {
PADDING-RIGHT: 20px; PADDING-LEFT: 20px; PADDING-BOTTOM: 20px; PADDING-TOP: 20px; TEXT-ALIGN: left
}
.content .list {
PADDING-BOTTOM: 20px; MARGIN: 20px; BORDER-BOTTOM: gray 1px dotted
}
H5 {
MARGIN: 0px
}
PRE {
PADDING-RIGHT: 2px! important; PADDING-LEFT: 2px! important; PADDING-BOTTOM: 2px! important; MARGIN: 5px 10px 10px; PADDING-TOP: 2px! important; WORD-WRAP: break-word
}
PRE {
CURSOR: pointer
}
PRE:hover {
BACKGROUND: gray
}
#dialog1-overlay {
BACKGROUND: blue; FILTER: alpha(opacity=80); opacity: 0.8
}
#dialog2 .content {
BACKGROUND-IMAGE: url(http://www.caixw.com/public/uploads/demo/images/300x125.gif); WIDTH: 250px; HEIGHT: 80px
}
</STYLE>
<META content="MSHTML 6.00.6000.17063" name=GENERATOR></HEAD>
<BODY>
<PRE class="prettyprint lang-js" onclick="new Dialog('<table>2</table>').show();">new Dialog('这是一个默认对话框').show();
<div class="bar"><span class="title">2323</span></div>
</BODY></HTML>
jQuery Dialog示例
4星 · 超过85%的资源 需积分: 10 28 浏览量
2011-08-23
09:38:21
上传
评论
收藏 35KB RAR 举报 
jQuery dialog.rar （8个子文件） 
jQuery dialog 
jquery.min.js 70KB jQueryDialog.htm备份 7KB html5.js 2KB jQueryDialog.htm 3KB jQueryDialog.htm.bak 3KB dialog.css 864B dialog.js 9KB dialog.js.bak 9KB
- 1
- 2
前往页