`
xiaocao000
  • 浏览: 226060 次
  • 性别: Icon_minigender_1
  • 来自: 苏州
社区版块
存档分类
最新评论

利用Ajax预加载下一个页面的Img,JS,CSS

阅读更多
function preloader() {
	var preloads = ['/static/css/images/buttonbg_hover.gif',
	                '/static/css/images/buttonbg_active.gif',
	                '/static/jquery/plugins/jquery.ztree.core-3.2.min.js',
	                '/static/js/page/company/companyConfig.js',

	];
	$.each(preloads, function(i,v){$.get(v, function(){
		if (v.indexOf(".gif")||v.indexOf(".png")) {
			new Image().src=v;
		}
	});});
}
function addLoadEvent(f) {
    var oldonload = window.onload;
    if (typeof window.onload != 'function') {
        window.onload = f;
    } else {
        window.onload = function() {
            if (oldonload) {
                oldonload();
            }
            setTimeout(f,500);
        };
    }
}
addLoadEvent(preloader);

分享到:
评论

相关推荐

    图片预加载特效

    例如,可以使用CSS动画显示一个旋转的加载图标,或者利用JavaScript监听图片的`onload`事件,当图片加载完成后更新进度条状态。 总结来说,图片预加载是提高网页性能的关键技术之一,通过合理选择预加载策略和实现...

    利用CSS、JavaScript及Ajax实现图片预加载的三大方法

    以下是一个简单的Ajax预加载示例: ```javascript function preloadAjax(url, callback) { var xhr = new XMLHttpRequest(); xhr.open('GET', url, true); xhr.responseType = 'blob'; xhr.onload = function() ...

    图片预加载的js

    基本的JavaScript图片预加载方式是创建一个`<img>`元素,设置其`src`属性为待加载图片的URL,然后将其添加到DOM中。如下所示: ```javascript function preloadImage(url) { var img = new Image(); img.src = ...

    jQuery+modernizr.js瀑布流图片预加载动画特效

    在“jQuery+modernizr.js瀑布流图片预加载动画特效”这个项目中,主要运用了两种技术:jQuery和Modernizr.js。jQuery是一个广泛使用的JavaScript库,它简化了HTML文档遍历、事件处理、动画和Ajax交互等任务。在这个...

    jQuery实现的图片异步加载和预加载特效源码.zip

    - **jQuery实现**:可以创建一个新的`<img>`元素,设置其`src`属性为需要预加载的图片URL,jQuery的`.load()`事件可以监听图片加载完成。通过遍历预加载的图片列表,逐个进行预加载操作。 - **策略选择**:预加载...

    jQuery 图片预加载技术实现多款图片切换效果.zip

    本资源“jQuery 图片预加载技术实现多款图片切换效果.zip”显然是一个利用jQuery库来实现这一功能的示例。jQuery是一个广泛使用的JavaScript库,它的简洁API使得操作DOM(文档对象模型)、处理事件、执行动画以及...

    js加载特效

    JavaScript(简称JS)是一种轻量级的解释型编程语言,广泛应用于网页和网络应用开发,尤其在处理页面交互和动态效果方面表现出色。"js加载特效"通常指的是使用JavaScript技术来实现图片或者其他资源的加载过程中的...

    美食网站js+html+css

    【美食网站js+html+css】是一个以JavaScript、HTML和CSS为核心技术的项目,旨在创建一个展示美食的网站。这个项目提供了完整的源代码,包括HTML结构文件、CSS样式表和JavaScript脚本,以及用于视觉呈现的网站图片。...

    多种js图片预加载实现方式分享

    图片预加载技术是一种优化网页加载性能的策略,它允许开发者在用户访问页面之前预先加载一些关键性的图片资源,以减少用户等待时间并提高用户体验。本文将详细介绍几种JavaScript实现图片预加载的方法。 1. HTML...

    实现图片预加载的三大方法及优缺点分析

    最后,AJAX预加载是一种更为灵活的方式,特别是对于动态加载的内容。通过XMLHttpRequest对象,可以异步请求图片资源。不过,这种方法需要更多的代码,而且对于跨域图片可能受到限制。 总的来说,选择哪种预加载方法...

    ajax图片显示插件

    Ajax 图片显示插件是一种在网页中实现无缝加载和展示图片的技术,它利用 AJAX(Asynchronous JavaScript and XML)技术,使得用户无需刷新页面即可查看图片,提供了一种优雅的用户体验。在网页设计中,这种插件常...

    网站开发后台css/js/img文件

    3. **AJAX**:异步JavaScript和XML(现在通常指JSON)用于在不刷新整个页面的情况下更新内容,提高用户体验。 4. **框架和库**:React、Vue、Angular等JavaScript框架和jQuery等库简化了开发过程,提供了丰富的功能...

    类似于小商城的手机页面的js+css+html作品

    标题中的"类似于小商城的手机页面的js+css+html作品"表明这是一个使用JavaScript、CSS和HTML技术构建的移动端电商应用模拟项目。这样的项目通常包括商品展示、分类导航、购物车功能、用户交互等基本元素,是前端开发...

    基于html+css+JavaScript的个人博客.zip

    在构建一个基于HTML、CSS和JavaScript的个人博客项目中,我们涵盖了网页开发的三个核心方面。HTML(HyperText Markup Language)负责定义页面的结构,CSS(Cascading Style Sheets)用于美化页面样式,而JavaScript...

    AJAX显示图片特效代码

    这个"AJAX显示图片特效代码"示例是利用AJAX的特性来实现在不刷新页面的情况下动态加载并显示图片,提升用户体验。这种技术常见于在线相册、社交媒体和图像展示网站中。 在实现这个特效时,主要涉及以下几个关键技术...

    html+css+js网页设计.zip

    网页设计师和前端开发者通常使用预处理器如Sass或Less来编写更简洁、模块化的CSS,用Babel将ES6+代码转换为兼容旧浏览器的JavaScript,使用Webpack或Gulp等工具进行模块打包和优化。 以上只是HTML、CSS和...

    网页设计 html css web马尔代夫旅游网

    4. 数据加载:利用Ajax技术,JavaScript可以异步加载内容,如旅游攻略、用户评价等,无需每次点击都刷新整个页面。 在“马尔代夫旅游网”这个项目中,前端开发者需要综合运用HTML、CSS和JavaScript,创建出一个既...

    AJAX-PHP-JQuery-CSS设计拖拉式购物车.pdf

    在示例中,我们创建了一个名为`internet_shop`的表,包含字段`id`(商品ID)、`img`(商品图片链接)、`name`(商品名称)、`description`(商品描述)和`price`(商品价格)。表中预填充了一些苹果公司的产品作为...

Global site tag (gtag.js) - Google Analytics