<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery UI Dialog - Modal message</title>
<link rel="stylesheet" href="css/jquery.ui.all.css">
<script src="js/jquery-1.5.1.js"></script>
<!-- <script src="../../external/jquery.bgiframe-2.1.2.js"></script>-->
<script src="js/jquery.ui.core.js"></script>
<script src="js/jquery.ui.widget.js"></script>
<script src="js/jquery.ui.mouse.js"></script>
<script src="js/jquery.ui.button.js"></script>
<script src="js/jquery.ui.draggable.js"></script>
<script src="js/jquery.ui.position.js"></script>
<!-- <script src="../../ui/jquery.ui.resizable.js"></script>-->
<script src="js/jquery.ui.dialog.js"></script>
<link rel="stylesheet" href="css/demos.css">
<script>
$(function() {
// a workaround for a flaw in the demo system (http://dev.jqueryui.com/ticket/4375), ignore!
$( "#dialog:ui-dialog" ).dialog( "destroy" );
$( "#dialog-message" ).dialog({
modal: true,
buttons: {
Ok: function() {
$( this ).dialog( "close" );
}
}
});
});
</script>
</head>
<body>
<div class="demo">
<div id="dialog-message" title="Download complete">
<p>
<span class="ui-icon ui-icon-circle-check" style="float:left; margin:0 7px 50px 0;"></span>
Your files have downloaded successfully into the My Downloads folder.
</p>
<p>
Currently using <b>36% of your storage space</b>.
</p>
</div>
</body>
</html>
jQuery弹出提示框
4星 · 超过85%的资源 需积分: 10 73 浏览量
2011-06-21
17:49:48
上传
评论
收藏 143KB RAR 举报 
最好的弹出对话框.rar （32个子文件） 
development-bundle css 
jquery.ui.dialog.css 1KB jquery.ui.resizable.css 1KB jquery.ui.core.css 1KB jquery.ui.all.css 291B jquery.ui.base.css 427B jquery.ui.theme.css 19KB demos.css 14KB images 
ui-icons_cd0a0a_256x240.png 4KB ui-bg_highlight-soft_75_cccccc_1x100.png 101B ui-bg_glass_75_dadada_1x400.png 111B ui-bg_glass_55_fbf9ee_1x400.png 120B ui-icons_454545_256x240.png 4KB ui-icons_222222_256x240.png 4KB ui-icons_888888_256x240.png 4KB ui-bg_flat_75_ffffff_40x100.png 178B Thumbs.db 36KB ui-bg_glass_75_e6e6e6_1x400.png 110B ui-bg_flat_0_aaaaaa_40x100.png 180B ui-bg_glass_95_fef1ec_1x400.png 119B ui-icons_2e83ff_256x240.png 4KB ui-bg_glass_65_ffffff_1x400.png 105B jquery.ui.button.css 2KB
modal-message.html 1KB js jquery.ui.dialog.js 21KB jquery.ui.mouse.js 4KB jquery.ui.draggable.js 30KB jquery.ui.widget.js 7KB jquery.ui.resizable.js 26KB jquery-1.5.1.js 212KB jquery.ui.core.js 8KB jquery.ui.position.js 7KB jquery.ui.button.js 10KB资源评论
skyhappy2012-07-31效果有点不是很理想- rose3k2014-02-17作为新手可以了解一下原理，特效普通吧，中规中矩
