jquery插件弹出提示框
淡入淡出效果,等待提示后自动关闭,效果很爽。
主页
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插件 提示框 类似QQ新闻的弹出框 jQuery插件 提示框 类似QQ新闻的弹出框 jQuery插件 提示框 类似QQ新闻的弹出框 jQuery插件 提示框 类似QQ新闻的弹出框
简单的jQuery点击弹出信息提示框插件,点击按钮调用浮动提示框,有几个比较常用的:信息提醒、成功提示、警告提示、失败提示等。
一款通过jquery实现的 Confirm 弹出提示框插件 , 兼容IE , FF ,界面美观, 好用
jQuery弹出确认提示框插件zdialog是一款分警告提示框,确认提示框,自动消失提示框,加载中提示等网页js代码。
有兴趣刚需的可以自己下载,非常实用的jquery代码,可以完美运行,有能力的还可以二次修改!
JQuery弹出框插件,支持ie6+,多种提示样式,支持自定义样式
jQuery弹出框插件 信息提示弹出层插件是一款漂亮实用的信息提示弹出层插件,多种提示功能,小巧好用,带遮罩效果.
jQuery点击弹出确认框插件是一款点击按钮遮罩弹出确认对话框提示效果代码。
代码简介:jQuery弹出确认提示框插件zdialog是一款分警告提示框,确认提示框,自动消失提示框,加载中提示等。
jquery右下角提示框插件,很好用,有类似需求的同志可以下载下来看一下
jQuery CSS3 弹出框插件,带阴影效果,自带有10多种用法的演示代码,比如错误框、提示框、文字显示框等,点击示例页下面的按钮,即可弹出对应的提示框效果,测试请使用Chrome、火狐、Opera浏览器,IE11下也表现良好...
这是一款兼容ie8的jquery圆形弹出按钮菜单插件。该插件可以制作点击菜单主按钮,弹出一圈子按钮的效果。
jQuery cvbox 弹出网页对话框,提示框插件,未压缩版本是6K大小,压缩后只有2K大,应该算很轻了。它可完成: 1.弹出普通的网页提示框 2.弹出提示框1秒后自动关闭 3.弹出对话框 4.在弹出框中载入一段HTML内容 ...
jQuery鼠标悬停弹出消息提示框Tipso插件
Jquery提示框插件制作用户名片信息提示框代码
一个想当漂亮的jquery提示框:jQuery Modal Dialog弹出对话框插件,可用它实现各种的网页提示效果,比如错误提示框、警告框、操作提示框等,暖色调界面,使用方法简单,参考本例所展示的各种提示框生成办法,就可...
个人平时收集的Jquery插件:类似QQ弹出消息、图片幻灯片、tip提示、进度条、右键菜单、基于cookie的右下角弹出广告等