Jquery实现loading效果
需要引入jquery和bootstrap相关包,然后把下面的代码复制进去就可以了:
<div class="modal fade" id="loadingModal" backdrop="static" keyboard="false">
     <div style="width: 200px;height:20px; z-index: 20000; position: absolute; text-align: center; left: 50%; top: 50%;margin-left:-100px;margin-top:-10px">
          <div class="progress progress-striped active" style="margin-bottom: 0;">
               <div class="progress-bar" style="width: 100%;"></div>
          </div>
          <h5>loading...</h5>
     </div>
</div>
<script>
     showLoading = function(){
          $('#loadingModal').modal({backdrop: 'static', keyboard: false});
     }
     hideLoading = function(){
          $('#loadingModal').modal('hide');
     }
</script>
Jquery实现loading效果的更多相关文章
- JQuery+CSS3实现Ajax加载时loading效果
		
之前通过Ajax请求加载数据的时候,在数据还没有呈现出来前,为了更好的用户体验,总会弄个loading告诉用户其实内容正在加载,而不是网站崩了.但是貌似之前使用gif图片的情况比较多,可能是为了兼容各 ...
 - 基于jQuery的图片加载loading效果插件
		
基于jQuery的图片加载loading效果插件 图片loading的效果是网页中比较常见的,尤其是对大图片,loading效果让用户能够明白图片加载的过程. 实现思路也是比较简单的: $.fn.Lo ...
 - 网页Loading效果
		
问题描述:由于项目要求在页面提交以及加载的时候,有短暂的卡顿,需要用loading过渡. 1.下一个页面加载的时候实现: base-loading.js //获取浏览器页面可见高度和宽度 var _P ...
 - HTML5 Canvas 实现的9个 Loading 效果
		
Sonic.js 是一个很小的 JavaScript 类,用于创建基于 HTML5 画布的加载图像.更强大的是 Sonic.js 还提供了基于现成的例子的创建工具,可以帮助你实现更多自定义的(Load ...
 - css3 之炫酷的loading效果
		
css3 之炫酷的loading效果 今天实现了一个炫酷的loading效果,基本全用css来实现,主要练习一下css3的熟练运用 js需要引入jquery 只用到了一点点js 先看效果图 html: ...
 - 页面加载时loading效果
		
页面加载时loading效果: <!DOCTYPE html> <html lang="en"> <head> <meta charset ...
 - 页面loading效果
		
当网页太大,打开太慢的时候,为了增加良好的用户体验(不让用户眼巴巴的等,心中暗骂c,这么慢),我们需要加一个等待动画. 只需把以下代码加入页面中即可,图片可以根据自己的需求更换,更换图片之后需要改变l ...
 - 一个不错的loading效果--IT蓝豹
		
一个不错的loading效果 介绍:一个不错的loading加载效果,弹性收缩,效果不错,学习android动画的朋友可以下载来研究研究本例子其实由SeekBar实现,由MetaballView,Me ...
 - jQuery实现放大镜效果
		
1.1.1 摘要 相信大家都见过或使用过放大镜效果,甚至实现过该效果,它一般应用于放大查看商品图片,一些电商网站(例如:凡客,京东商城,阿里巴巴等)都有类似的图片查看效果. 在接下来的博文中,我们将向 ...
 
随机推荐
- [Fri, 3 Jul 2015 ~ Tue, 7 Jul 2015] Deep Learning in arxiv
			
Convolutional Color Constancy can this be used for training cnn to narrow the gap between different ...
 - hbuilder - wap to app
			
官方文档: http://www.dcloud.io/wap2app.html 新建Wap2App,示例网址:www.baidu.com 随后,我们可以在 最后,我们可以 打包完成以后,下载即可
 - Android学习(八) 打开Activity
			
在Android中打开窗口有两种方式,第一种是不需要返回值的,第二种是带返回值的. Main.xml文件,程序从这个窗口开始执行. <LinearLayout xmlns:android=&qu ...
 - Linux——使用国内镜像通过pip安装python的一些包
			
学习flask,安装virtualenv环境,这些带都ok,但是一安装包总是出错无法安装, http://e.pypi.python.org/这个就是官网了,清华大学提供的 建议非清华大学校内的使用这 ...
 - LoadRunner lr_eval_string() 函数使用及LR中变量、参数的简单使用
			
lr_eval_string() 函数的主要作用:返回脚本中的一个参数当前的值, 返回值类型:char 一般多用在调试脚本时输出参数的值.具体用法如下:lr_output_message(" ...
 - xcode 项目证书跟签名都正确的时候,还报证书错误
			
原因,安装证书错误,导致无法匹配证书, 方案:删除原来的证书,重新安装 打开终端 1.cd Library/ 2.cd MobileDevice/ 3.open Provisioning\ Profi ...
 - RAD Studio XE8 技术研讨会讲义与范例程序下载
			
 感谢各位程序猿亲临现场參加我们的公布会,现奉上会议当天的讲义与范例程序供大家參考: 2015/5/25~27北京.深圳 『RAD Studio XE8技术研讨会』 下载讲义:http://pan ...
 - SpringSecurity学习四----------基于不同角色跳转到不同URL
			
© 版权声明:本文为博主原创文章,转载请注明出处 1.项目结构 2.pom.xml <project xmlns="http://maven.apache.org/POM/4.0.0& ...
 - Unity多个场景叠加或大场景处理方法小结
			
本文章由cartzhang编写.转载请注明出处. 全部权利保留. 文章链接: http://blog.csdn.net/cartzhang/article/details/47614153 作者:ca ...
 - atitit.bsh BeanShell 的动态脚本使用java
			
atitit.bsh BeanShell 的动态脚本使用java 1.1. BeanShell是一个小巧免费的JAVA源码解释器 ,支持对象式的脚本语言特性,亦可嵌入到JAVA源代码中. 亦可嵌入到J ...