jsloading轻量效果（js onload）

本文目录一览：

放置一个GIF的图片。就是那个Loading的GIF。设置为隐藏状态点击登录时，将GIF的图片设置为显示状态。后台处理登录请求。根据返回结果。成功再将Loading的图片设置为隐藏。这只是一种实现思路。

一楼的方法不是正确的。如果简单地放一个loading图片在页面上的话，会有两种情况：有可能实现加载的效果。在整个页面其它元素加载了大部分或全部后，这张图片才加载进来，那就实现不了加载的效果了。

打开ps软件，新建400*300的文档，分辨率72就行，背景白色即可。新建一个透明图层，选择椭圆选框工具，按住shift，拉出一个圆形。设置好前景色ffe689和背景色fa8b00。选择渐变工具，选定角度渐变。-jsloading轻量效果

1、异步加载script 我是内容其中，test.js中的内容——代码如下：alert(我是head里面的脚本代码，执行这里的js之后，才开始进行body的内容渲染！)；我们会看到，alert是一个暂停点，此时，页面是空白的。-jsloading轻量效果

2、在script标签内，用js创建一个script元素并插入到document中，这种就是异步加载js文件了。同步加载流程是瀑布模型，异步加载流程是并发模型。

3、安装完Developer以后，从工具箱中拖一个ASPxLoadingPanel到页面中，设置必须的一个属性ClientInstanceName后面要用到，然后设置Modal的作用是点击按钮时时候需要抑制后面按钮的使用，也就是弹出来一个灰色的层。-jsloading轻量效果

4、xmlHttp.open(GET，url，true)；//true表示发出一个异步的请求。

1、使用AJAX技术。点击请求后台，等后台的时候弹出loading。后台处理完成，关闭loading，显示（或者跳转）结果页面。

2、放置一个GIF的图片。就是那个Loading的GIF。设置为隐藏状态点击登录时，将GIF的图片设置为显示状态。后台处理登录请求。根据返回结果。成功再将Loading的图片设置为隐藏。这只是一种实现思路。-jsloading轻量效果

3、jsp提取数据一般都是异步加载，通过ajax方法来获取数据，而ajax方法都有success方法代表数据返回成功的意思，只需在success方法里加上去掉遮罩层。即可实现加载数据的时候显示遮罩层，数据加载完毕遮罩层消失。-jsloading轻量效果

4、在jquery的beforeSend事件中将动画gif显示，在成功返回响应后，将gif动画不显示(或从dom中移除或display：none)。

jsloading轻量效果（js onload）