Flash网站Loading制作
Flash网站Loading制作~~~
stop();
stage.scaleMode=StageScaleMode.NO_SCALE;
//指定舞台属性为不跟随播放器大小而改变
stage.showDefaultContextMenu=false;//屏蔽右键
stage.frameRate=30;//设置贞频为30
var stageW=stage.stageWidth;
var stageH=stage.stageHeight;
//2个赋值用来获取舞台的宽和高
var loadclip:MovieClip=new MovieClip();
//创建影片剪辑类,命名为Loadclip
this.addChild(loadclip);
//添加loadclip影片剪辑到舞台
var txt=new TextField();
//创建一个新文本文件
txt.autoSize=TextFieldAutoSize.CENTER;
//文本文件自觉适应大小并且居中
txt.text="Flash Loading..."
txt.textColor="oxffffff"
txt.selectable=false;
//文本设置为不可选
txt.x=stageW/2-txt.width/2;
txt.y=stageH/2-txt.height/2;
//把文本文件放置于舞台的中央
loadclip.addChild(txt).name="txt";
//将文本实例txt添加到loadclip var stgb=new Sprite();
//创建一个Sprite雷鸣为stgb
stgb.graphics.beginFill(0xffffff,.3);
//采用单色填充,白色透明度为30%(0.3)
stgb.graphics.drawRect(0,0,200,10);
stgb.graphics.endFill();
stgb.x=stageW/2-stgb.width/2;
stgb.y=txt.y+txt.height+5;
loadclip.addChild(stgb)
//绘制进度条并添加到舞台 var stg=new Sprite();
stg.graphics.lineStyle(1,0x000000,0.5);
stg.graphics.beginGradientFill(GradientType.LINEAR,[0xff0000,0xffff00],[100,100],[0,255]);
//采用一个渐变填充 深蓝——浅蓝
stg.graphics.drawRect(0,0,200,10);
stg.graphics.endFill();
stg.x=stageW/2-stg.width/2
stg.y=txt.y+txt.height+5;
loadclip.addChild(stg)
//绘制进度条并且添加到舞台 this.loaderInfo.addEventListener(ProgressEvent.PROGRESS,loading);
//添加进度监听器,时间的处理函数为Loading
this.loaderInfo.addEventListener(Event.COMPLETE,loaded);
//添加进入完成监听器,时间处理的函数为Loaded
function loading(eve){
var loadpre:int=eve.bytesLoaded/eve.bytesTotal*100;
txt.text="影片载入"+loadpre+"%";
stg.scaleX=loadpre/100;
}
//显示进入百分比 function loaded(eve){
txt.text="影片载入完毕";
if(framesLoaded==totalFrames){
removeChild(this.getChildAt(0));
nextFrame();
}
}
//载入完毕清楚LOADING MC 跳到下一帧播放
Flash网站Loading制作的更多相关文章
- 用wix制作属于自己的Flash网站
Wix 制作属于自己的Flash网站 Wix 是一款新兴的在线应用程序,它可以帮助用户轻松的创建出绘声绘色的Flash网站,而不需要任何相关的专业知识.Wix 是一家位于以色列的Startup开发的一 ...
- CODE大全大量Flash网站收藏
我的博客:CODE大全:www.codedq.net:业余草:www.xttblog.com:爱分享:www.ndislwf.com或ifxvn.com. http://www.wallop.com在 ...
- 使用Open Flash Chart(OFC)制作图表(Struts2处理)
Java开源项目中制作图表比较出色的就是JFreeChart了,相信大家都听说过,它不仅可以做出非常漂亮的柱状图,饼状图,折线图基本图形之外,还能制作甘特图,仪表盘等图表.在Web应用中可以为项目增色 ...
- 网站地图怎么做?dedecms网站地图制作方法听语音
网站地图怎么生成?下面分享织梦dedecms系统网站地图的生成方式,怎么制作网站地图,方法很简单.下面介绍一下网站地图优化方法及制作方法. 工具/原料 一个网站 方法/步骤 第一步 登录网站后台 第二 ...
- [React] Use CSS Transitions to Avoid a Flash of Loading State
Based on research at Facebook, we know that if a user sees a flash of loading state, they perceive t ...
- 一个炫酷的flash网站模板
这是一个炫酷的flash欧美网站模板,它包括首页,公司简介,留言等五个页面,界面转换非常的炫酷!他还有时间.全屏.背景音乐开关的功能!有兴趣的朋友可以看看!贴几张网站图片给大家看看! 下载后直接找到s ...
- 推荐一个加载动图的网站loading.io
推荐一个非常好玩的loading gif的资源网站:https://loading.io/ 里面有各种loading的动图.
- 响应式web网站设计制作方法
在研究响应式的时候,记录了一些感想,分享出来,抛砖引玉,希望可以和大家一起讨论.总结下来,响应式比之前想象的要复杂得多.1. ie9以下(不包括ie9)采用ie条件注释,为ie8以及一下单独开一个样式 ...
- SmartPhone手机网站的制作
刚开始努力有点偏,看到响应式网站去了,其实主要是要用JQuery Mobile 做一个像应用的网站. JQuery Mobile的教程 http://www.hongkiat.com/blog/bui ...
随机推荐
- iOS-UIButton-设置button标题和图片位置
一.效果图 1.Button被点击之前 2.Button被点击之后 二.代码 - (void)createBtn3 { UIImage * buttonImage = [UIImage imageNa ...
- EPANET头文件解读系列8——FUNCS.H
/*************************************************************************** ...
- nginx的部署与发布
1.在http://nginx.org/en/download.html下载nginx.tar.gz包. 2.上传发送到服务器(wcp工具) 3.用tar -xf命令解压gz包 4.[配置安装变量]: ...
- css中px,em和rem的区别
css中px,em和rem的区别 今天,突然间发现一个特别有意思的问题,就是无意间看到一个网站中的em并不是16px,下面展开了对于px和em以及rem的探究. 首先,px是绝对长度单位,是相对于显示 ...
- Eclipse魔法堂:修改主题
一.前言 习惯黑色主题,而Eclipse默认的白底主题显然不是我的菜,下面一起来修改主题吧! 二.主题资源 Eclipse Color Themes(http://eclipsecolorthemes ...
- 一个App的界面设计流程是怎么产生的
作者:候佩雯链接:http://www.zhihu.com/question/27088793 完整的流程,分层次设计,自下而上去完成: 策略层,定义产品使命.价值.目标人群 愿景/功能层:定义核心场 ...
- C#实用杂记-EF全性能优化技巧
原文链接:http://www.makmong.com/947.html#comment-31 EntityFramework 优化建议 2016年1月15日 下午4:54 LEILINKANG ...
- 性能分析之-- JAVA Thread Dump 分析综述
性能分析之-- JAVA Thread Dump 分析综述 一.Thread Dump介绍 1.1什么是Thread Dump? Thread Dump是非常有用的诊断Java应用问题的工 ...
- java LinkedBlockingQueue和ConcurrentLinkedQueue的区别
实现上看,两者都继承于AbstractQueue,但是ConcurrentLinkedQueue实现了Queue,而LinkedBlockingQueue实现了BlockingQueue,Blocki ...
- docker 使用
https://www.digitalocean.com/community/tutorials/how-to-use-the-digitalocean-docker-application http ...