EasyUI界面加载等待效果
来源:互联网 发布:志强软件 编辑:程序博客网 时间:2024/05/16 17:56
使用EasyUI tab页面,加载页面的时候 可能会渲染很慢,体验不是很好,加一个简单的等待效果吧。
使用此脚本需要先引入easyui.js基础脚本。
var maskWidth = $(window).width();var maskHeight = $(window).height();var maskHtml = "<div id='maskLoading' class='panel-body' style='z-index:1000;position:absolute;left:0;width:100%;";maskHtml += "height:" + maskHeight + "px;top:0'>";maskHtml += "<div class='panel-header panel=loading' style='position:absolute;cursor:wait;left:" + ((maskWidth / 2) - 100) + "px;top:" + (maskHeight / 2 - 50) + "px;width:150px;height:16px;";maskHtml += "padding:10px 5px 10px 30px;font-size:12px;border:1px solid #ccc;background-color:white;'>";maskHtml += "页面加载中,请等待...";maskHtml += "</div>";maskHtml += "</div>";document.write(maskHtml);function CloseMask() { $('#maskLoading').fadeOut('fast', function () { $(this).remove(); });}var loadComplete;$.parser.onComplete = function () { if (loadComplete) clearTimeout(loadComplete); loadComplete = setTimeout(CloseMask, 500);把这个脚本放在公共的js文件里就好了,每次加载页面就会有等待效果了。
0 0
- EasyUI界面加载等待效果
- JQuery EasyUI 的加载等待效果....
- JQuery EasyUI 的加载等待效果....
- JQuery EasyUI 的加载等待效果....
- JQuery EasyUI 的加载等待效果....
- easyui去掉数据加载等待效果
- JQuery EasyUI 的加载等待效果....
- JQuery EasyUI 的加载等待效果....
- EasyUI 页面加载等待
- JQuery easyui的等待效果
- 加载页面等待效果
- 加载页面等待效果
- jquery 加载等待效果
- jquery 加载等待效果
- JS 等待加载效果
- js+加载等待效果
- jquery 加载等待效果
- jquery 加载等待效果
- VS2010 插件
- memory network
- Mac os x环境配置 Android ndk 开发环境(eclipse篇)
- JAVA多线程实现的三种方式
- 数据结构中二叉树的递归遍历与非递归遍历
- EasyUI界面加载等待效果
- MongoDB服务无法启动(48,100)问题
- java集成groovy的集中方式对比
- C - 控制台运行实现
- Android 视频播放适配横竖屏切换功能的实现
- 解决"打包成功后的ipa,能正常进入程序进行使用,但是进入某一子界面出现白屏或者黑屏"的错误
- 总是有种csdn的私信功能出错了的感觉
- Java开源项目源码阅读方法及二次开发方法
- 类和类之间的关系