`
lcdngzsxx
  • 浏览: 31028 次
  • 性别: Icon_minigender_1
  • 来自: 厦门
社区版块
存档分类
最新评论

实现页面加载时的...

阅读更多
var inter;
function loadText(){
	var len = $("#loading").text().length; //loading是 div 的id
	if(len<10){
		$("#loading").html($("#loading").text()+".");	
	}else{
		$("#loading").html("Loading.");	
	}
}
function startload(){
   inter = setInterval(loadText,1000);
}
function stopload(){
	clearInterval(inter);
}

 如果是在滚动条内使用,在滚动条事件触发的时候创建DIV(我这里是直接写在页面里的,在触发时会创建下一页的html,我就直接写在html了),然后执行startload 方法  在加载完成后 stopload();
     $("#loading").remove(); 停止和删除控件

这个方法会有缺陷。最好的方法就是创建一张图片,放在DIV的背景图片里,然后在加载完成后删除div控件。

分享到:
评论

相关推荐

    30种页面加载效果.zip

    "30种页面加载效果.zip"这个压缩包文件包含了30个不同的页面加载(loading)动画示例,旨在提升用户在等待页面完全加载时的视觉体验。这些加载效果可以是简单的旋转图标,也可以是复杂的动态场景,目的都是为了使...

    jquery实现图片延迟加载和ajax方式加载页面.rar

    jquery实现图片延迟加载和ajax方式加载页面.rarjquery实现图片延迟加载和ajax方式加载页面.rarjquery实现图片延迟加载和ajax方式加载页面.rarjquery实现图片延迟加载和ajax方式加载页面.rarjquery实现图片延迟加载和...

    jQuery网站页面加载进度条.zip

    这个项目利用了前端技术,包括CSS、JavaScript、HTML5以及jQuery库,来创建一个可视化的页面加载指示器,让用户能够清楚地看到页面加载的进度,从而减少用户在等待页面完全加载时的不耐烦感。 首先,我们需要理解...

    javascript实现动态加载CSS.docx

    在Web开发中,动态加载CSS是一项重要的技术,它允许我们在页面加载时只加载必要的样式,提高页面的性能和用户体验。JavaScript提供了一种方式,让我们能够在运行时根据需要异步加载CSS文件。以下将详细解释如何使用...

    页面加载时 提示 正在加载中

    "页面加载时提示正在加载中"这一功能,正是为了提升用户体验而设计的。当用户点击链接或提交表单时,页面加载的过程可能会消耗一些时间,特别是在处理大量数据或者进行复杂的计算时。这种等待可能会让用户感到不耐烦...

    JSP页面加载时提示"正在加载中"

    ”提示信息,在页面加载完后将自动隐藏。 我为什么使用这个组件? 1。交互性。 客户清楚知道,你的页面是在加载,需要等待,而不用对着一个空白的网页发呆。 2。方便。 对于程序员来说,只要包含loading页面...

    用jquery实现图片懒加载.zip_jquery登录页面

    jquery实现图片懒加载.zip

    js实现页面加载完毕之前loading提示效果

    在本文中,我们将深入探讨如何使用JavaScript实现页面加载完毕之前的“loading”提示效果。这个效果可以在页面内容完全加载之前,向用户展示一个“页面加载中,请稍后...”的提示,以提升用户体验,避免用户在等待...

    android Gallery实现异步加载网络图片 并只加载当前停止页面图.zip

    总的来说,这个`android Gallery实现异步加载网络图片 并只加载当前停止页面图`的示例展示了如何在Android应用中高效地处理大量网络图片的加载,通过异步加载和滚动监听,实现了只加载当前展示图片的策略,提升了...

    jquery实现图片延迟加载过程.rar

    在IT行业中,图片延迟加载(也称为懒加载)是一种优化网页性能的技术,它允许网页只在用户滚动到可视区域时才加载图片。这种方式可以显著减少页面初始加载时间,提高用户体验,尤其是在图片内容丰富的网站上。这里...

    layui使用flow流加载数据.rar

    流加载是一种优化网页性能的技术,它允许页面在用户滚动时动态加载内容,而不是一次性加载所有数据,这样可以显著减少页面初次加载的时间,并改善用户体验。 流加载在layui中的实现主要依赖于它的"flow"模块,这个...

    jquery 实现的等待加载页面

    在网页开发中,提供良好的用户体验是至关重要的,特别是在页面加载过程中。"jQuery 实现的等待加载页面"就是一种为了优化用户交互而设计的技术方案。jQuery,一个强大的JavaScript库,简化了DOM操作、事件处理和动画...

    使用jQuery加载html页面到指定的div实现方法

    一、jQuery加载一个html页面到指定的div里 把a.html里面的某一部份的内容加载到b.html的一个div里。 比如:加载a.html里面的“row”&gt;这个div里面的所有内容加载到b.html的这个div里”content”&gt; 用jquery ajax 可以...

    js页面图片延迟加载特效.zip

    在网页设计中,提高用户体验和页面加载速度是至关重要的。"js页面图片延迟加载特效"是一种常见的优化技术,尤其适用于内容丰富的网站,如淘宝商城这样的电商网站。这种技术的原理是,当用户滚动页面到达图片区域时,...

    jsp页面加载时提示loading

    当你遇到“jsp页面加载时提示loading”的问题时,这通常意味着页面正在加载或有延迟加载的情况发生。这个问题可能由多种因素导致,下面我们将详细探讨这些可能的原因及其解决方案。 1. **页面内容过多**:如果JSP...

    等待数据加载jquery.BlockUI.js

    《深入理解jQuery BlockUI.js:实现页面加载等待效果》 在网页开发中,用户体验是至关重要的,当用户点击按钮或进行某些操作时,如果页面没有即时反馈,用户可能会感到疑惑或者不耐烦。这时,我们可以使用jQuery ...

    仿youtube加载页面.rar

    它通过控制CSS类或者直接操作DOM(文档对象模型)来实现页面元素的显示与隐藏,以及动画效果的生成。例如,当内容开始加载时,jQuery可以添加一个显示进度条的类,然后随着加载的进行,更新进度条的宽度以反映加载...

    jQuery页面区域预加载代码.zip

    3. **编写预加载函数**:使用jQuery,编写预加载函数,这个函数通常会在页面加载完成后或指定事件触发时执行。函数内部会按照设定的顺序和速度,逐个加载和显示区块。 4. **设置动画效果**:为了让预加载更具视觉...

    jQuery+CSS3页面刷新加载效果.zip

    "jQuery+CSS3页面刷新加载效果.zip" 是一个结合了jQuery库和CSS3技术的资源包,用于实现页面刷新或内容加载时的动画效果,旨在提升网站的视觉吸引力和交互性。以下将详细介绍这个资源包中的关键知识点。 首先,...

Global site tag (gtag.js) - Google Analytics