页面加载时显示loading,加载完成隐藏

在页面加载前先出现加载loading，页面加载完成之后再显示页面

在此加入一个关于页面加载成功之前先展现一个loading的案例: 如下代码写入js里放在html头部即可实现需求:添加的可以自己在css文件设置宽高,也可以放入一个background的gif的loading图片 //在页面未加载完毕之前显示的loading Html自定义内容 var _LoadingHtml = '页面加载中,请等待...'; //呈现loading效果 document.write(_LoadingHtml); //监听加载状态改变 document.onreadystat

jquery加载数据时显示loading加载动画特效

插件下载:http://www.htmleaf.com/jQuery/Layout-Interface/201505061788.html 插件使用: 使用该loading加载插件首先要引入jQuery和waitMe.js和waitMe.css文件. <link rel="stylesheet" href="css/waitMe.css"> <script src='js/jquery.js'></script> <scri

js图片未加载完显示loading效果

<html> <title>js图片未加载完显示loading效果</title> <body> <style> img{float:left;width:200px;height:200px;margin:0 10px 10px 0} </style> <script> //判断浏览器 var Browser=new Object(); Browser.userAgent=window.navigator.userAge

页面进行ajax时显示一个中间浮动loading

先发效果图,加载东西的时候如果没有设计或者其它提示会降低用户体验,所以写了个简单的loading弹层. 适用于触屏和pc页面. /* 页面进行ajax时显示一个中间浮动loading @auther: LM @date: 2015-6-10 @rely: html5触屏 @fun: LM_loading.show(); //显示 @fun: LM_loading.hide(); //隐藏 */ (function(window){ var LM_loading = { Timmer:null,

页面数据加载完成时,显示loading页面.数据加载完,loading隐藏.

一,引入三个文件 jQuery版本使用 jQuery v1.7.1 jquery-easyui文件中,引入easyui-lang-zh_CN.js的js 做数据加载时使用jquery.blockui.min.js 放有loading.gif图片及样式 <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript

JQuery图片加载显示loading和加载失败默认图片

在很多时候我们需要用到图片加载功能,在网上搜资料后就想为了以后使用方便重新整理了下,结果如图: 最后一张是加载失败显示的图片,没找到合适的图片,先用他顶替. 页面引用 <div class="container"> <div class="row block" id="img-list"> <div class="col-md-3"> <img src="/Assets/On

使用JS在页面进行数据处理时显示等待画面

使用js在页面进行数据处理期间显示等待画面: 在页面选择执行函数进行数据处理期间,显示等待画面. <script> function fun(the,row_id) { //测试函数 //var data = $(the).parents("tr").children("td").eq(4).text(); //alert("获取到的data:" + data); $.ajax({ url: '{% url "url_nam

解决winform中mdi子窗体加载时显示最大化最小化按钮的方法

场景:在mid加载子窗体的时候如果指定WindowState为Maximized,加载完成后主窗体会显示最大化.最小化.关闭的按钮图标. 解决方法: 1.更改主窗体FormMain的属性.制定MainMenuStrip的属性为menuStrip1控件.menuStrip1控件就是主窗体上的菜单栏. 2.在menuStrip1控件的ItemAdded事件中添加一下代码: private void menuStrip1_ItemAdded(object sender, ToolStripItemEv

svn项目冲突时显示无法加载项目的解决方法

1.无法加载的项目会显示成灰色.这是右键点击编辑打开后去掉乱字符. 2.完成后会有红色的叹号这是右键找到解决冲突即可然后提交

jQuery异步提交时显示正在加载的提示

$(element).ajaxStart(function() { loader.show(); }).ajaxStop(function() { loader.hide(); }).ajaxError(function(a, b, e) { throw e; }); loader是一个gif的加载图片或文字说明等.

WP 图片加载时显示加载中

private BitmapImage srcimage = new BitmapImage(); public MainPage() { InitializeComponent(); progressBar1.IsIndeterminate = false; //进度条 srcimage.CreateOptions = BitmapCreateOptions.None; //不延时加载 srcimage.ImageOpened += new EventHandler<RoutedEventAr

全局Ajax加载时呈现Loading

全局设置: 1 2 3 4 5 $(document).bind("ajaxSend", function () { $("#loading_message").show(); }).bind("ajaxComplete", function () { $("#loading_message").hide(); }); 特殊Ajax请求如果不想呈现Loading,只需增加:glo

jquery mobile 请求数据方法执行时显示加载中提示框

在jquery mobile开发中,经常需要调用ajax方法,异步获取数据,如果异步获取数据方法由于网速等等的原因,会有一个反应时间,如果能在点击按钮后数据处理期间,给一个正在加载的提示,客户体验会更好一些. 如果需要在页面加载时显示加载器,页面加载完成之后关闭加载器,请参考另一篇文章:jquery mobile在页面加载时添加加载中效果 document.ready 和window.onload执行顺序比较先看两个方法,显示和关闭,方法来自于参考:http://blog.csdn.net/z

cocos2d-html5如何更改预加载时的默认的logo图片和删除loading小圈圈

找到框架目录(2.1.4)里的cocos2d目录里有个CCLoader.js文件,找到LoaderScene的构造方法ctor,可以看到有一行: this._logoTexture.src= "":这里就是加载时显示的图片的base64加密格式,可以更换成自己项目里的图片路径,注意更改下面两行图片的宽高,在initStage方法里用到logo高度的地方也要改. 上面说道的CCLoader.js文件,当然只会在你项目使用的是cocos2d框架库是一个个的js源代码时才存在, 如果项目使用

图片未完成加载显示loading

<html> <title>js图片未加载完显示loading效果</title> <body> <style> img{float:left;width:200px;height:200px;margin:0 10px 10px 0} </style> <script> //判断浏览器 var Browser=new Object(); Browser.userAgent=window.navigator.userAge

WPF 客户端浏览器添加Loading加载进度

在windows开发界面时,使用浏览器来请求和显示网页内容,是比较常见的. 但是在请求网页内容时,因网速或者前端功能复杂加载较慢,亦或者加载时遇到各种问题,如空白/黑屏/加载不完整/证书问题等. 因此需要一个加载进度/加载失败的显示界面. 加载进度显示界面显示 1. 界面显示,加载进度样式可参考: 绕圈进度条 2. 添加Loading状态枚举.不加载/加载中/加载失败 public enum LoadingState { NotLoading,//正常的网页内容界面 Loading, //加载

WebView加载页面，带链接的Img在页面第一次加载时无法显示的问题

在做一个App的过程中,用到WebView来显示几个页面.在这个过程中发现有些页面的显示出现了异常:页面中的Img链接在页面第一次加载时无法正常显示图片,退出页面再次进入后可正常显示.开始以为是WebSettings的问题,各种设置,无解. 无意中发现那几个页面中有一个页面始终加载图片是OK的,没有一个失败过.对比这个页面和其它页面的源码区别,发现失败的页面的Img标签是用<Table>标签控制的:加载OK的页面,其Img标签置于<Div>中.百度<Table>和<

页面加载时loading效果

页面加载时loading效果: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <style> #loading{position:fixed;top:0;left:0;width:100%;height:100%;opacity:0.6;z-index:15000;} #loading img{position:absolute

在页面未加载完之前显示loading动画

在页面未加载完之前显示loading动画这里有很多比这篇博客还优秀的loading动画源码我还参考这篇博客 loading动画代码demo 我的demo预览 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>use-pseudo-class</title> <style> .loading{

jqgrid 加载时第一页面只显示多少条数据

function initGrid() { localGrid = jQuery("#tbList"); localGrid.jqGrid({ data: localData, datatype: "local", gridview: true, height: , width: '90%', rowList: [,], colNames: innerColumns, autowidth: true, hoverrows: false, multiselect: f

css3实现loading效果--当页面加载过程中显示Loading的进度条，全部加载完成之后进度条消失

一个页面等图片资源全部加载完成,会需要很长时间,用户体验会很差,所以我们需要loading来掩盖这个漫长的过程! emmm,定时器?写个定时器还要清除,万一造成内存泄露?定时器之间还会互相影响,呼呼呼那就不考虑了那么就用css写一个~~ 语法: animation: name duration timing-function delay iteration-count direction; @keyframes 规则用于创建动画.在 @keyframes 中规定某项 CSS 样式,就能创建由当

页面加载时显示loading,加载完成隐藏

热门专题