`
kaminlee
  • 浏览: 263757 次
  • 性别: Icon_minigender_1
  • 来自: 广州
文章分类
社区版块
存档分类
最新评论

用JQuery实现页面Loading的效果

 
阅读更多



常规的解决办法还是用ajax比较好。大概是这样的。
需要两个页面。1.一个是实际页面本身      2.另一个是一个空白页面放一张loading图片
先请求第2个页面,在这个页面中放一段ajax请求第1个页面,在success函数里将页面内容输出,并将loading图片隐藏掉。
代码是这样的:
loading page:
<body>
    <img id='loadingImg' src='loading.gif' />
<body>
<script>
    $.ajax({
        type: 'GET',
        url: 实际页面路径,
        data: {},
       success: function(){
            $('body').append(data);
            $('#loadingImg').hide();//或直接remove()
        },
        dataType: 'html'
    });
</script>

分享到:
评论

相关推荐

    CSS3 引入jquery实现页面加载的LOADING效果

    CSS3 引入jquery实现页面加载的LOADING效果,就是一个载入动画,一个加载的进度条效果,圆形小圆点在不断的旋转,当加载完毕后,自动消失,本页面由HTML5技术和jquery共同实现,LOADING和页面显示两者之间同样也加入...

    一个适合做页面 “加载中” 效果的插件 jquery-loading

    "jquery-loading"是一个专为实现这种效果设计的jQuery插件,它提供了一种简单而实用的方式来显示页面加载的状态,避免用户在等待过程中感到不耐烦。 首先,我们来了解一下jQuery。jQuery是一个快速、简洁的...

    CSS3 引入jquery实现页面加载的LOADING效果.rar

    CSS3 引入jquery实现页面加载的LOADING效果,就是一个载入动画,一个加载的进度条效果,圆形小圆点在不断的旋转,当加载完毕后,自动消失,本页面由HTML5技术和jquery共同实现,LOADING和页面显示两者之间同样也加入...

    jquery页面跳转loading加载

    在实际开发中,开发者可能会利用现有的jQuery插件,如jQuery BlockUI,来快速实现页面加载的loading效果,或者自定义JavaScript和CSS代码以满足特定的需求。 总的来说,"jquery页面跳转loading加载"是一个关于提升...

    jquery页面加载效果

    "jQuery页面加载效果"是指利用JavaScript库jQuery实现的动态加载动画,它能够以吸引人的视觉方式展示网页内容正在加载的过程,使用户在等待期间不会感到乏味。这种效果在现代网页设计中被广泛应用,尤其在内容分块...

    jQuery Loading页面加载动画效果代码.zip

    "jQuery Loading页面加载动画效果代码.zip" 包含的资源正是为了实现这一目标,它提供了一种通过jQuery库创建的动态加载效果,尤其是采用了读取进度条的特效。 jQuery是一个广泛使用的JavaScript库,它简化了HTML...

    基于jQuery实现瀑布流效果

    基于jQuery实现瀑布流效果,主要涉及以下几个核心知识点: 1. **jQuery库**:jQuery是一个轻量级的JavaScript库,它简化了HTML文档遍历、事件处理、动画设计以及Ajax交互。在实现瀑布流时,我们利用jQuery提供的API...

    jquery页面跳转loading加载.rar

    本篇文章将详细探讨如何使用jQuery实现页面跳转时的loading加载效果,以及其背后的原理和技术实现。 一、jQuery页面跳转 在传统HTML中,页面跳转通常使用`&lt;a&gt;`标签或JavaScript的`window.location`对象来实现。而...

    基于jQuery实现的Loading动画特效源码.zip

    这个"基于jQuery实现的Loading动画特效源码.zip"文件显然包含了一个使用jQuery来创建Loading动画效果的代码示例。让我们深入探讨一下jQuery如何实现这种效果及其背后的原理。 1. **jQuery的基本概念**: - jQuery...

    jQuery演示9种不同的loading效果

    在本文中,我们将深入探讨如何使用jQuery来实现9种不同的加载(loading)效果。jQuery是一个强大的JavaScript库,它简化了HTML文档遍历、事件处理、动画设计和Ajax交互。加载效果通常在页面内容正在加载或者用户等待...

    jquery实现的Loading图片延迟加载特效源码.zip

    本资源"jquery实现的Loading图片延迟加载特效源码.zip"显然是一个包含使用jQuery实现的图片延迟加载(也称为懒加载)效果的代码包。这个功能在网页设计中十分常见,尤其在大型图片或多媒体内容丰富的网站中,能够...

    jquery页面跳转loading加载特效代码

    标题“jquery页面跳转loading加载特效代码”涉及的是在网页使用jQuery实现页面跳转时的加载效果,通常是为了提供更好的用户体验,让用户知道页面正在加载新内容。jQuery是一种广泛使用的JavaScript库,它简化了HTML...

    jQuery Loading页面加载动画效果代码.rar

    "jQuery Loading 页面加载动画效果代码"就是一个专为此目的设计的资源,它结合了JavaScript库jQuery的高效性和视觉吸引力,为用户提供了一种酷炫且实用的加载体验。 jQuery是一个轻量级的JavaScript库,它的出现极...

    简单jQuery加载等待转圈页面插件

    而加载等待插件是jQuery的一个扩展,它在页面进行异步操作(如Ajax请求)或处理大型数据时,展示一个动态的加载图标或转圈效果,提高用户体验。 这个插件的实现原理通常是通过jQuery的事件监听和DOM操作来控制加载...

    jQuery loading加载动画特效

    在"jQuery loading加载动画特效"中,我们主要探讨的是如何利用jQuery来实现页面加载时的动态效果,提升用户体验。 一、jQuery基本概念 jQuery是由John Resig在2006年创建的,它的核心理念是"Write Less, Do More"。...

    前端项目-jquery-loading-overlay.zip

    "前端项目-jquery-loading-overlay"就是这样一个专门用于创建灵活加载覆盖层的jQuery插件,它可以帮助我们轻松地为网页添加动态加载效果。 首先,jQuery Loading Overlay插件的核心功能是创建一个覆盖整个页面或者...

    jQuery炫酷页面预加载Loading特效插件

    jQuery库允许开发者轻松实现各种复杂的动画效果,这些动画可以是文本、图形或者动态效果,如旋转的圆圈、填充的进度条等。在这个插件中,用户可以选择多种动画样式,以满足不同场景的需求。 在提供的文件列表中,...

    jquery loading遮罩层插件

    在busy-load插件中,jQuery提供了一个简洁的API,使得开发者能够快速地在网页中添加遮罩层和loading效果。通过引入jQuery库,我们可以利用其强大的选择器功能选取需要添加遮罩层的元素,并应用插件的各种配置。 **...

Global site tag (gtag.js) - Google Analytics