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

flash预加载进度条preload——进阶篇

阅读更多
看完预加载进度条preload的基础篇是不是觉得制作进度条也没什么难的,哈哈那么让我们来进一步学习
前面基础篇中,只是对大家说了在单一文件中的进度条制作,这里我再给大家介绍一个加载 外部 swf文件(或jpg)的方法。

这里我们用到了MovieClipLoader的loadClip方法,这个方法也没什么难的,只要大家记住他的格式就成了
格式如下:

var mcl :MovieClipLoader = new MovieClipLoader();//格式的东西,照搬就好
var mclListener:Object = new Object();//侦听的对象声明,别忘了哦
mclListener.onLoadProgress = function(target,loader,total)//如果用在类中,一定要标明类型呀
{
//动态文本或针进度条什么的,你自己看着办吧,和基础篇中的没什么区别
trace((loaded/total)*100)+"%";//显示百分比,可设为一个参数nPercent
}

mclListener.onLoadedInit = function(){
   //加载完成后,做什么
   trace("init");
}

mcl.addListener(mclListener);

mcl.loadClip("...你要加载的文件路径...swf",holder)

/*说明holder 为一个空的mc,你可以在编辑时选定他的位置,或者直接在运行时用createEmptyMovieClip()方法制作,但推荐前一种方法,因为有深度的考量,适用于所有人。*/

加载多个swf:

添加一个按钮btn1

btn1.onRelease = function()
{
      mcl.loadClip("...另外一个文件路径.swf",holder);

}

/*同理,可设置多个按钮,换成不同的文件路径即可

懂 了这个办法基本上所有的加载进度条的方法都可以不用了,当然图省事的人例外

到此为止,代码上的东西基本上就完成了,下面我们对进度画面作一个简单的说明,毕竟我们不能就光作一个长方条放在那里呀

我的方法很简单就是你把要做为加载进度展示的动画设成100贞(推荐),然后利用加载进度的百分数()

gotoAndStop(nPercent);//

好了,就说到这里吧,希望大家做出自己喜欢的 进度条
分享到:
评论

相关推荐

    网站顶部显示预加载进度条插件preload.js

    网站顶部显示预加载进度条插件`preload.js`是一个用于优化用户体验的重要工具,尤其是在现代网页设计中,它能够显著提高用户对网站加载速度的感受。预加载技术是预先加载部分关键资源,如JavaScript、CSS、图片等,...

    页面加载进度条

    预加载可以使用`<link rel="preload">`标签或者JavaScript实现。 5. **异步加载**: 对于大型应用,可以使用分块加载或按需加载(懒加载)技术,这样用户可以先看到主要内容,而其余部分则在后台加载,进度条可以...

    jquery 预加载图片

    在这个例子中,我们首先引入了jQuery库和预加载插件,然后在文档加载完成后(`$(function() {...})`)调用`$.preload()`函数预加载图片。当图片预加载完成时,会触发`preload`事件,我们可以监听这个事件来执行后续...

    jquery图片预加载

    本篇文章将深入探讨如何使用jQuery实现图片预加载功能。 首先,我们需要理解图片预加载的目的。当浏览器解析HTML时,如果遇到`<img>`标签,它会立即请求图片资源。如果图片很大或者网络状况不佳,这可能会导致页面...

    mpvue 页面预加载新增preLoad生命周期的两种方式

    为了解决页面加载延迟带来的用户体验问题,mpvue新增了一个预加载生命周期钩子——preLoad。这个生命周期钩子的主要作用是在页面跳转前预先加载数据,以便在新页面跳转时用户能够快速看到渲染完成的页面。 本文详细...

    PreLoad一个图像预加载插件以实现有序加载和无序加载

    5. **进度反馈**:为了提供更好的用户体验,插件可能还会提供预加载进度的反馈,如进度条或者百分比,让用户了解加载状态。 在实际使用 preload-master 压缩包时,开发者需要根据项目需求进行以下步骤: 1. **引入...

    图片预加载js

    图片预加载技术是Web开发中的一个重要概念,尤其是在处理大量图像或者多媒体内容的网站时,能够显著提升用户体验。本文将深入探讨“图片预加载js”这一主题,包括预加载的原理、实现方式以及如何使用JavaScript来...

    图片预加载效果

    图片预加载技术是一种优化网页性能的方法,主要用于提升用户体验,尤其是对于图像密集型的网站或应用。当用户浏览网页时,预加载技术会提前加载部分或全部未来可能需要的图片资源,这样在用户实际查看这些图片时,...

    wxapppreload微信小程序图片预加载

    "wxapp-preload"是专门为微信小程序设计的一个图片预加载解决方案,它能帮助开发者在用户实际看到图片之前提前加载图片资源,减少页面加载时间,提高应用性能。 首先,我们要理解什么是图片预加载。预加载就是在...

    图片预加载插件preloadjs

    **preloadjs 图片预加载插件详解** 在Web开发中,图片预加载是一项重要的优化技术,它可以提升用户体验,确保图片在需要时能够迅速显示。preloadjs 是一款强大的JavaScript库,专为实现资源预加载而设计,包括图片...

    preload.js图片预加载插件

    图片预加载插件。包含有序加载和无序加载两种。具体使用方法,参考https://blog.csdn.net/yang1393214887/article/details/92582715

    图片预加载

    本篇文章将深入探讨“图片预加载”的概念、重要性以及如何使用jQuery插件实现这一功能。 一、图片预加载的概念 图片预加载,顾名思义,就是在用户实际看到图片之前,提前下载图片到浏览器的缓存中。这样当用户滚动...

    Jquery实例--图片预加载

    5. **监控进度**:为了提供更好的用户体验,可以添加一个进度条或者提示来显示预加载的进度。这可以通过修改预加载函数中的`onload`回调来实现。 通过以上步骤,我们就完成了使用jQuery 1.3进行图片预加载的简单...

    两套预加载表针代码

    例如,可以使用`<link rel="preload">`标签来声明预加载资源: ```html <link rel="preload" href="resource.css" as="style"> <link rel="preload" href="script.js" as="script"> ``` 在这两套预加载代码中,...

    jquery图片预加载延迟加载

    在这个例子中,`.not(".preload")`确保已经预加载过的图片不会再次被延迟加载。 总结,通过jQuery实现图片预加载和延迟加载,可以有效提升网页加载速度,改善用户体验。预加载保证了关键内容的快速显示,而延迟加载...

    原生无依赖预加载插件

    在`f-preload-master`这个压缩包中,可能包含的就是一个实现了以上功能的预加载插件源代码。用户可以解压后查看其结构,学习如何实现这样的预加载机制。通常,这样的插件会包含一个主文件(如`preload.js`),可能...

    preload:vue路由器的数据预加载,类似于Sapper的预加载或Nuxt.js的asyncData

    在您的路由组件中添加preload功能,用于在呈现这些路由之前预填充数据。 大多数情况下是根据Sapper的建模的,但也类似于Nuxt.js的和Next.js的 。 安装 $ npm i @badrap/preload 用法 提供了以下示例的修改。 基本...

    jQuery实现图片预加载

    当然,实际项目中,开发者往往会选择使用已有的预加载插件,例如本案例中提到的`preload_images`。这个插件可能封装了上述步骤,提供更方便的接口调用。使用插件通常只需几行代码即可实现图片预加载,例如: ```...

    JavaScript资源预加载组件和滑屏组件的使用推荐

    资源预加载组件——preload 队列,可以支持队列加载和回调,也可以加载视频或者音频 进度条,可以动态获取进度条信息 支持img标签的预加载,添加pSrc属性即可 原生ES5 demo Install: git clone ...

    图片预加载loading

    在网页设计中,图片预加载是一项重要的优化技术,它的目的是提前加载用户可能需要的图片,以提高用户体验,减少页面加载时间。"图片预加载loading"就是这个概念的具体应用,它通常会在页面的主要内容加载之前,预先...

Global site tag (gtag.js) - Google Analytics