jQuery加载全部页面完成前的loading效果
来源:互联网 发布:mac web开发工具 编辑:程序博客网 时间:2024/06/10 19:44
此效果的原理:在页面加载完成前在整个页面上边覆盖一层,即loading层,等到页面加载完成后,将loading层隐藏。
此效果的HTML代码部分:在整个代码前,添加div,即loading层(可以添加load的图片,也可以当做背景图写在css里)
<div id="loading"> <img src="images/loading.gif" alt="loading.." /></div>
CSS部分:
#loading { position: fixed; z-index: 400; width: 100%; height: 100%; top: 0; left: 0%; text-align: center; font-size: 0.9rem; color: #595758; background-color: #ffffff;}
jQuery部分:
jQuery(document).ready(function(){ jQuery(window).load(function(){ //load函数 jQuery("#loading").hide(); });});
0 0
- jQuery加载全部页面完成前的loading效果
- 使用fakeLoader完成加载完成前的页面加载效果
- jquery制作登陆loading加载页面效果
- 很实用的页面加载LOADING效果
- vue实现图片加载完成前的loading组件
- 页面加载时loading效果
- 实现一个loading加载页面的加载效果
- JQuery 实现页面 loading 效果
- 页面还未加载完成显示loading
- Jquery加载页面的方法(页面加载完成就执行)
- jquery加载页面的方法(页面加载完成就执行)
- jquery加载页面的方法(页面加载完成就执行)
- jquery加载页面的方法(页面加载完成就执行)
- jquery加载页面的方法(页面加载完成就执行)
- Jquery的一个loading图片效果,加载图片
- 基于jQuery的图片加载loading效果插件
- 一个基于jquery的页面预载入效果(loading)
- 一个基于jquery的页面预载入效果(loading)
- 8.Hibernate Open Session In View模式
- Delphi 停靠技术的应用1(在一个窗体中停靠另一个窗体)
- <LeetCode> 题113:删除排序链表中的重复元素2
- JQGrid
- VBA 常用的VBA短句(带注释)
- jQuery加载全部页面完成前的loading效果
- iOS开发常用的东西
- PHP获取当期前运行文件的路径,名字,服务器路径
- 杭电-4006 The kth great number(优先队列)
- Delphi 停靠技术的应用2(窗体之间的相互停靠,引入宿主窗体)
- Android必知必会-App 常用图标尺寸规范汇总
- 关于Struts2,前台表单传值到后台方式
- 常用排序算法——鸡尾酒排序(改进的冒泡排序)
- 游戏服务器更新思路总结