在代码<head></head>里加入以下代码：
<script type="text/javascript" src="jquery.js"></script><script type="text/javascript">$(window).load(function(){$("#loading").hide();})</script>
在里<body></body>加入以下代码：
<div id="loading">Loading content, please wait..<img src="loading.gif" alt="loading.." /></div>
在里的这代码必须保证在网页载入的最前面。
接着是css代码：
#loading{position:absolute;width:300px;top:0px;left:50%;margin-left:-150px;text-align:center;padding:7px 0 0 0;font:bold 11px Arial, Helvetica, sans-serif;}
一个基于jquery的loading效果就完成咯。
分享到：
相关推荐
shCircleLoader 是一个基于 jQuery 的插件，它能够很方便快速的制作 Loading 效果。该 Loading 效果由多个 div 组成，没有任何图片。shCircleLoader 还提供了众多属性，你可以根据这些属性自定义出各种各样的 ...
"前端项目-jquery-loading-overlay"就是这样一个专门用于创建灵活加载覆盖层的jQuery插件，它可以帮助我们轻松地为网页添加动态加载效果。 首先，jQuery Loading Overlay插件的核心功能是创建一个覆盖整个页面或者...
基于jQuery实现瀑布流效果，主要涉及以下几个核心知识点： 1. **jQuery库**：jQuery是一个轻量级的JavaScript库，它简化了HTML文档遍历、事件处理、动画设计以及Ajax交互。在实现瀑布流时，我们利用jQuery提供的API...
在标题“jquery Loading图片延迟加载特效.zip”中，我们可以理解这是一款基于jQuery实现的图片延迟加载插件或库，它包含了一个用于展示滚动页面时图片逐步加载的特效。 描述提到，“jquery Loading图片延迟加载是一...
在本文中，我们将深入探讨如何使用基于jQuery的myProgress.js插件来创建吸引人的加载loading动画效果。这个插件提供了一种优雅的方式，通过动画的形式展示滚动条，从而提升用户体验，尤其是在网页内容加载过程中。 ...
在本资源中，"基于jQuery实现的myProgress.js加载loading动画效果.zip" 是一个包含jQuery特效的项目，主要目的是在页面加载过程中展示一种视觉反馈，即加载loading动画。这个加载动画能够告诉用户页面正在处理数据，...
基于jQuery实现的Loading动画特效是网页加载过程中常见的用户体验优化手段，旨在为用户提供一个反馈，告知他们页面正在加载内容。接下来，我们将深入探讨jQuery库以及如何利用它来创建Loading动画特效。 首先，...
而jQuery.spin.js是基于jQuery的一个扩展，它引入了Spinner库，这是一个轻量级的解决方案，用于创建各种各样的Loading动画。 在使用jQuery.spin.js之前，首先确保你的项目已经引入了jQuery库。你可以通过CDN链接...
本文将详细探讨基于jQuery的loading效果实现方法。 首先，实现基于jQuery的loading效果，需要在HTML页面中引入jQuery库。这一步非常关键，因为后续的所有基于jQuery的代码都依赖于jQuery库。可以通过在<head></head...
【基于jQuery简单可自定义响应式手机电脑端瀑布流】是一种流行的技术实现方式，用于创建在不同设备上都能良好展示的动态布局。这种布局模式，通常称为“瀑布流”或“Masonry布局”，以视觉上的瀑布效果而得名，即...
在本文中，我们将深入探讨如何使用jQuery库来创建一个名为`myProgress.js`的自定义加载loading动画进度条效果。进度条是用户界面中的一个重要元素，它可以为用户提供关于任务完成状态的实时反馈，特别是在处理耗时...
本资源"jquery-loading-master.zip"正是基于jQuery开发的一款页面加载效果插件，它可以帮助我们轻松实现各种动态的加载动画，为用户提供更优质的等待体验。 首先，我们要理解jQuery的核心概念。jQuery是一个轻量级...
<button class="control-button bordered make-it-fail">Make it fail <button class="loading-button circular-loading top">... 一款个性好看的基于SVG实现的Loading加载按钮动画图标特效，SVG加载按钮动画代码。
3. **JavaScript/jQuery插件**：可能在`js`目录下有一个或多个JavaScript文件，用于扩展jQuery的功能，比如处理按钮状态的切换，控制loading指示器的显示和隐藏，以及管理不同动画效果的播放。 4. **Bootstrap组件*...
本项目以“基于jQuery的项目展示画廊效果的制作”为主题，旨在创建一个视觉吸引人的、交互性强的图片展示平台，让用户能够轻松浏览和探索一系列项目。 首先，要理解jQuery的基础知识。jQuery的核心特性包括选择器...
该源码例子是一个使用jQuery库实现的宽屏图片展示效果，旨在为网站提供美观且具有交互性的图片展示功能。在网页设计中，图片展示是非常重要的一环，它能够吸引用户的注意力，有效地传达信息，增强用户体验。jQuery...
在本项目中，"基于jQuery实现图片缩放tab切换效果.zip"是一个压缩包，它包含了一个使用jQuery库来实现图片缩放以及tab切换效果的示例。jQuery是一个强大的JavaScript库，它简化了HTML文档遍历、事件处理、动画制作...
为了解决这个问题，开发者们创建了各种加载动画插件，其中"ProgressBar.js"是一款基于jQuery的优秀解决方案。 **ProgressBar.js** 是一个专门针对图片加载设计的jQuery插件，它在图片加载过程中，通过展示一条垂直...