sauzny
- 浏览: 285573 次
- 性别:
- 来自: 黑龙江
-
文章分类
- 全部博客 (151)
- 工具配置 (11)
- 前端技巧 (29)
- 分享 (4)
- action (1)
- ORM (2)
- mysql (17)
- html5 (1)
- java EE (1)
- 数据库理论 (5)
- 密码安全 (2)
- maven (7)
- java (14)
- linux (10)
- 电脑知识 (2)
- spring mvc (1)
- apache (2)
- php (2)
- 分布式 (1)
- memcache (2)
- ActiveMQ (1)
- jetty (2)
- foxmail拒信 (1)
- dos (1)
- eclipse (4)
- mybatis (2)
- tomcat (1)
- shell (0)
- Jmeter (3)
- windows (1)
- redis (6)
- StringUtils (1)
- svn (1)
- jsoup (2)
- zookeeper (3)
- log4j (3)
- git (3)
- solr (1)
- elasticsearch (1)
- 佛祖 (1)
- spring boot (2)
- openldap (0)
最新评论
-
boreas_baosj：
绑定多个事件的时候怎么传递参数呢？？？
jquery中的bind事件，详解，传参 -
sauzny：
usiboy 写道NIO确实可以提高Socket通讯上的效率， ...
Tomcat并发数优化的方法总结 -
usiboy：
NIO确实可以提高Socket通讯上的效率，但对于JVM的调优 ...
Tomcat并发数优化的方法总结
例子一：
<head runat="server">
<title></title>
<script type="text/javascript" src="Scripts/jquery-1.4.1.js"></script>
<script type="text/javascript" src="Scripts/jquery.blockUI.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$('#btnOpen').click(function () {
$.blockUI();
setTimeout($.unblockUI, 2000);
});
});
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<input id="btnOpen" type="button" value="Open" />
</div>
</form>
</body>
</html>
例子二：
<head runat="server">
<title></title>
<script type="text/javascript" src="Scripts/jquery-1.4.1.js"></script>
<script type="text/javascript" src="Scripts/jquery.blockUI.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$('#btnOpen').click(function () {
$.blockUI({
message:"请稍候",
css: {
border: 'none',
padding: '15px',
backgroundColor: 'yellow',
width:"300px",
opacity: .5,
color: 'Red'
}
});
setTimeout($.unblockUI, 2000);
});
});
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<input id="btnOpen" type="button" value="Open" />
</div>
</form>
</body>
</html>
例子三：
<head runat="server">
<title></title>
<script type="text/javascript" src="Scripts/jquery-1.4.1.js"></script>
<script type="text/javascript" src="Scripts/jquery.blockUI.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$('#btnOpen').click(function () {
$.blockUI({
message: '<image src="images/wait.gif"></image>',
css: {
border: 'none', // 无边界
width:"20px", // 中间框框的宽度
top:"50%", // 高居中
left:"50%" // 左居中
}
});
setTimeout($.unblockUI, 2000);
});
});
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<input id="btnOpen" type="button" value="Open"/>
</div>
</form>
</body>
</html>
例子四：
<head runat="server">
<script type="text/javascript" src="Scripts/jquery-1.4.1.js"></script>
<script type="text/javascript" src="Scripts/jquery.blockUI.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$('#btnOpen').click(function () {
$.blockUI({
message: $('#loginForm')
});
});
$('#btnReset').click(function () {
$.unblockUI();
});
$('#btnLogin').click(function () {
location.href ="default.aspx";
});
});
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<input id="btnOpen" type="button" value="Open"/>
<div id="loginForm" style="display:none; cursor:default">
<table style="text-align:right">
<tr>
<td colspan="2">用户名:<input id="txtUserName" type="text" /></td>
</tr>
<tr>
<td colspan="2">密码:<input id="Text1" type="text" /></td>
</tr>
<tr style="text-align:center">
<td>
<asp:Button ID="btnLogin" runat="server" Text="登陆" />
</td>
<td>
<input id="btnReset" type="reset" value="取消登陆" />
</td>
</tr>
</table>
</div>
</div>
</form>
</body>
</html>
例子五：
// 当有ajax请求时，当加载信息较慢时，会显示该等待图片，带来良好的用户体验
$(document).ajaxStart(function () {
$.blockUI({
message: '<image src="images/wait.gif"></image>',
css: {
width: "20px", // 宽度小一点
top: "50%",
left: "50%"
}
});
});
$(document).ajaxStop(function () {
// 直接调用，无延时
$.unblockUI();
});
<head runat="server">
<title></title>
<script type="text/javascript" src="Scripts/jquery-1.4.1.js"></script>
<script type="text/javascript" src="Scripts/jquery.blockUI.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$('#btnOpen').click(function () {
$.blockUI();
setTimeout($.unblockUI, 2000);
});
});
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<input id="btnOpen" type="button" value="Open" />
</div>
</form>
</body>
</html>
例子二：
<head runat="server">
<title></title>
<script type="text/javascript" src="Scripts/jquery-1.4.1.js"></script>
<script type="text/javascript" src="Scripts/jquery.blockUI.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$('#btnOpen').click(function () {
$.blockUI({
message:"请稍候",
css: {
border: 'none',
padding: '15px',
backgroundColor: 'yellow',
width:"300px",
opacity: .5,
color: 'Red'
}
});
setTimeout($.unblockUI, 2000);
});
});
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<input id="btnOpen" type="button" value="Open" />
</div>
</form>
</body>
</html>
例子三：
<head runat="server">
<title></title>
<script type="text/javascript" src="Scripts/jquery-1.4.1.js"></script>
<script type="text/javascript" src="Scripts/jquery.blockUI.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$('#btnOpen').click(function () {
$.blockUI({
message: '<image src="images/wait.gif"></image>',
css: {
border: 'none', // 无边界
width:"20px", // 中间框框的宽度
top:"50%", // 高居中
left:"50%" // 左居中
}
});
setTimeout($.unblockUI, 2000);
});
});
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<input id="btnOpen" type="button" value="Open"/>
</div>
</form>
</body>
</html>
例子四：
<head runat="server">
<script type="text/javascript" src="Scripts/jquery-1.4.1.js"></script>
<script type="text/javascript" src="Scripts/jquery.blockUI.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$('#btnOpen').click(function () {
$.blockUI({
message: $('#loginForm')
});
});
$('#btnReset').click(function () {
$.unblockUI();
});
$('#btnLogin').click(function () {
location.href ="default.aspx";
});
});
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<input id="btnOpen" type="button" value="Open"/>
<div id="loginForm" style="display:none; cursor:default">
<table style="text-align:right">
<tr>
<td colspan="2">用户名:<input id="txtUserName" type="text" /></td>
</tr>
<tr>
<td colspan="2">密码:<input id="Text1" type="text" /></td>
</tr>
<tr style="text-align:center">
<td>
<asp:Button ID="btnLogin" runat="server" Text="登陆" />
</td>
<td>
<input id="btnReset" type="reset" value="取消登陆" />
</td>
</tr>
</table>
</div>
</div>
</form>
</body>
</html>
例子五：
// 当有ajax请求时，当加载信息较慢时，会显示该等待图片，带来良好的用户体验
$(document).ajaxStart(function () {
$.blockUI({
message: '<image src="images/wait.gif"></image>',
css: {
width: "20px", // 宽度小一点
top: "50%",
left: "50%"
}
});
});
$(document).ajaxStop(function () {
// 直接调用，无延时
$.unblockUI();
});
分享到：
发表评论
-
js中setInterval与setTimeout用法
2014-01-17 10:01 780setTimeout 定义和用法: setTime ... -
uploadify上传文件
2013-07-16 11:15 2293发现网上很多人写的都好像是旧的方法，好像已经过时了… ... -
js 正则验证
2013-01-16 14:25 905/判断输入内容是否为空 function IsNull() ... -
js对字符串的处理，以及验证
2013-01-16 14:06 1122JS自带函数concat将两个或多个字符的文本组合起来，返回一 ... -
Jquery中bind和live的区别
2012-11-28 13:35 2961Jquery中绑定事件有三种方法：以click事件为例 ... -
（MD）正则表达式中的特殊字符
2012-11-01 14:52 1760字符 含意 \ 做为 ... -
jquery ajax的参数详解
2012-10-31 13:00 1057参数名 类型 描述 ... -
JQUERY的父，子，兄弟节点查找方法
2012-10-31 11:00 44891jQuery.parent(expr) 找父亲节点，可以传入 ... -
jquery的md5插件
2012-10-20 18:24 1119(function($){ var rotate ... -
list-style功能：设置列表项目相关内容。
2012-10-16 15:32 955list-style功能：设置列表项目相关内容。 语法 ... -
JS父页面获取子页面返回值
2012-10-11 16:47 2808父页面<html><head> ... -
对textarea的内容进行详细监听(键盘+鼠标)
2012-09-27 17:56 1157$("#textarea").bin ... -
base64：URL背景图片与web页面性能优化
2012-09-26 18:07 2110一、base64百科 Base64是网络上最常见的用于传输8 ... -
word-wrap同break-word的区别
2012-09-23 15:09 964自动换行word-break:break-all和word-w ... -
jQuery中ajax中事件执行顺序
2012-09-18 10:51 9061.ajaxStart(全局事件) 2.beforeSend ... -
CSS2.0无图片实现圆角
2012-09-13 18:49 864CSS2.0无图片实现圆角 -
jquery中的ready和window的onload之间的“藕断丝连”
2012-09-10 03:00 826遇到了一个死循环，经高人指点，置之死地而后生~ -
textarea中的MaxLength属性在ie中失效问题
2012-09-09 17:18 1336代码解决 -
jquery弹出窗口锁屏代码
2012-09-09 17:17 1019还在改进中 -
json不能解读回车等字符引发的java与js编码和解码的问题
2012-09-09 17:16 949编码问题 乱七八糟
相关推荐
JQuery弹出层插件,Popup div 实例，前段弹窗插件
jQuery弹出层插件大全_爱上DIV + CSS_.doc
jquery 弹出层插件下载（简单、易用）
基于jQuery弹出层插件thickbox 智能提示
sexylightbox插件是lightbox繁衍而来，但它比lightbox更性感、更轻。演示地址：http://www.jq22.com/jquery-info535
使用方便，样式自由的一款弹出层插件，适用移动和网页。
超级漂亮的Jquery弹出层插件，可支持以下功能 1、触发响应事件 2、设置弹出层的标题 3、设置弹出层类型(text、容器ID、URL、Iframe) 4、弹出层的内容获取(text文本、容器ID名称、URL地址、Iframe的地址) 5、...
jQuery弹出层插件三种简单遮罩弹出框效果
jQuery弹出层插件Sexy LightBox是一款漂亮动感的lightbox弹出层插件sexy lightbox 2.3。
jquery 弹出层jquery 弹出层jquery 弹出层jquery 弹出层jquery 弹出层
jquery弹出层插件，20种弹出层，特效杠杠滴
jquery弹出层代码，ajax异步获取页面，弹出层登录！
有弹出层源码，有deom，是开源的插件，支持在线更新。个人已经试用，感觉很不错，轻量级的插件，易扩展和维护。
实现弹出层不再难，只要引用jQuery.UI.Impromptu.js这个js文件后,想要弹出哪个tag都行了 如：我想要这里是弹出浮动遮罩层</div> 并随页面滚动而滚动 只要调用 $('#ok').showModel();这个方法就可以了 调用$('#ok')...
jquery弹出层背景变暗 Ajax jquery弹出层背景变暗_Ajax
jquery的弹出层插件,domwindow.js,非常轻量好用
jQuery zoom图片弹出层插件简单的图片相册弹出层窗口 jQuery zoom图片弹出层插件简单的图片相册弹出层窗口 jQuery zoom图片弹出层插件简单的图片相册弹出层窗口
jquery插件jquery.reveal
jquery 弹出层插件 ThickBox 多功能弹出层插件支持... jquery 弹出层插件 ThickBox 多功能弹出层插件支持... jquery 弹出层插件 ThickBox 多功能弹出层插件支持...
jquery 弹出层 注册表单插件 SimpleModal