jquery 土司效果
来源:互联网 发布:dag 软件 编辑:程序博客网 时间:2024/06/11 06:52
主页
http://www.malsup.com/jquery/block/#overview
demo地址
http://www.malsup.com/jquery/block/#demos
下载地址
http://www.malsup.com/jquery/block/#download
下载得到文件
http://www.malsup.com/jquery/block/jquery.blockUI.js?v2.31
参考demo中的源码,做了个测试页面tips-demo1.html如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Dock menu demo</title>
<link rel="stylesheet" type="text/css" media="screen" href="../components/jqgrid/css/ui-lightness/jquery-ui-1.7.2.custom.css" />
<script src="../components/jquery/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="../components/jquery/jquery.blockUI.js" type="text/javascript"></script>
<script type="text/javascript">
function pagedemo(short_message) {
$.blockUI({
theme:true,
message: '<img src="../images/busy.gif" /> ' + short_message,
//这里可以直接定义延迟3秒,也可以调用test函数,等着ajax返回了以后再关闭提示。
timeout: 3000
});
//test();
}
function test() {
$.ajax({
url: 'tabs-demo.html',
cache: false,
complete: function() {
setTimeout($.unblockUI,3000);
}
});
}
</script>
</head>
<body>
<input id="pageDemo2" class="demo" type="submit" value="Custom Message" onclick="pagedemo('操作成功...');"/>
</body>
</html>
http://www.malsup.com/jquery/block/#overview
demo地址
http://www.malsup.com/jquery/block/#demos
下载地址
http://www.malsup.com/jquery/block/#download
下载得到文件
http://www.malsup.com/jquery/block/jquery.blockUI.js?v2.31
参考demo中的源码,做了个测试页面tips-demo1.html如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Dock menu demo</title>
<link rel="stylesheet" type="text/css" media="screen" href="../components/jqgrid/css/ui-lightness/jquery-ui-1.7.2.custom.css" />
<script src="../components/jquery/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="../components/jquery/jquery.blockUI.js" type="text/javascript"></script>
<script type="text/javascript">
function pagedemo(short_message) {
$.blockUI({
theme:true,
message: '<img src="../images/busy.gif" /> ' + short_message,
//这里可以直接定义延迟3秒,也可以调用test函数,等着ajax返回了以后再关闭提示。
timeout: 3000
});
//test();
}
function test() {
$.ajax({
url: 'tabs-demo.html',
cache: false,
complete: function() {
setTimeout($.unblockUI,3000);
}
});
}
</script>
</head>
<body>
<input id="pageDemo2" class="demo" type="submit" value="Custom Message" onclick="pagedemo('操作成功...');"/>
</body>
</html>
- jquery 土司效果
- 自定义土司
- jQuery 效果
- JQuery效果
- jQuery 效果
- jQuery 效果
- jquery效果
- Jquery效果
- jquery效果
- jQuery效果
- jquery效果
- jQuery-----效果
- jQuery--效果
- jQuery 效果
- JQuery效果
- jquery效果
- jquery效果
- jQuery效果
- Expiry of Default Debug Key
- 工业无线
- 在线等:使用MFC单文档将窗口分割成一行两列
- 研二计划
- Android 编译系统分析
- jquery 土司效果
- HDU 2013 蟠桃记
- Linq 4pm superadmin
- API Demos 2.3 学习笔记 (1)-- 在Ubuntu11.04下搭建Android开发环境
- JQuery AJAX错误捕获
- 面试
- 【基础拓扑排序】poj 2376/ural 1022
- 发一个c语言写的俄罗斯方块的代码 [
- C++写一个简单的堆栈类