jQuery BlockUI Plugin
2010-07-05 14:43
357 查看
最近在项目中使用了jQuery的BlockUI觉得还不错哦,推荐给广大奋斗在第一线的兄弟们:
如果在项目中你想要点击一个按钮使得页面背景变色然后你事先写好的div什么的显示就可以用以下语句
function showCategoryForm(){
$.blockUI({message:$('#whyForm')});(whyForm是div的id)
$('.blockOverlay').click($.unblockUI);
}
下面的语句是页面恢复:
function unblock(){
$.unblockUI();
}
记得在使用这个插件的时候注意要引入两个js文件
<script type="text/javascript" src="<%=request.getContextPath() %>/js/jquery.blockUI.js"></script>
<script type="text/javascript" src="<%=request.getContextPath() %>/js/jquery-1.3.2.min.js"></script>
如果你想获得更多的关于BlockUI的知识就去他的官方看一下吧,里面有好多例子大家可以照猫画虎。 http://www.malsup.com/jquery/block
如果在项目中你想要点击一个按钮使得页面背景变色然后你事先写好的div什么的显示就可以用以下语句
function showCategoryForm(){
$.blockUI({message:$('#whyForm')});(whyForm是div的id)
$('.blockOverlay').click($.unblockUI);
}
下面的语句是页面恢复:
function unblock(){
$.unblockUI();
}
记得在使用这个插件的时候注意要引入两个js文件
<script type="text/javascript" src="<%=request.getContextPath() %>/js/jquery.blockUI.js"></script>
<script type="text/javascript" src="<%=request.getContextPath() %>/js/jquery-1.3.2.min.js"></script>
如果你想获得更多的关于BlockUI的知识就去他的官方看一下吧,里面有好多例子大家可以照猫画虎。 http://www.malsup.com/jquery/block
相关文章推荐
- How to use jquery plugin jquery.blockUI.js?
- jQuery BlockUI Plugin Demo 5(Simple Modal Dialog Example)
- jQuery BlockUI Plugin Demo 6(Options)
- jquery插件:jQuery BlockUI Plugin(http://www.malsup.com/jquery/block/#demos)
- jQuery BlockUI Plugin加载插件
- jQuery BlockUI Plugin Demo 2
- jQuery BlockUI Plugin Demo 3(Page Blocking Examples)
- jQuery BlockUI Plugin
- jQuery BlockUI Plugin Demo
- jQuery BlockUI Plugin Demo 4(Element Blocking Examples)
- jquery.blockUI.js上传滚动等待效果实现思路及代码
- jQuery插件之BlockUI
- jQuery-plugin-boxy 弹出框插件 , UI 组件
- JQuery blockUI 的使用方法
- 弹出层之2:JQuery.BlockUI
- 使用Jquery blockUI插件实现在点击按钮提交后阻止再次点击,当处理完后解除阻止
- how to append an option to Jquery Ui MultiSelect Plugin
- JQuery BlockUI插件
- JQuery.BlockUI弹出层
- jQuery BlockUI插件