[ActionScript 3.0] 图片左右循环移动
有时候多张图片展示需求中,需要左右循环移动展示,为了以后省时间思考,写个例子:
- import com.tweener.transitions.Tweener;
- import flash.display.Sprite;
- var _num:int = 3;//始终三张显示图片
- var _width:Number = 278;//图片的宽度
- var _objArr:Array = [];
- var _container:Sprite = new Sprite();
- this.addChild(_container);
- initContainer();
- leftBtn.addEventListener(MouseEvent.CLICK,onLeftClick);
- rightBtn.addEventListener(MouseEvent.CLICK,onRightClick);
- function initContainer():void
- {
- for (var i:int = 0; i<_num*2; i++)
- {
- var img:TestImage = new TestImage();//测试的图片元件
- img.x = _width * i;
- img.t.text = (i % _num).toString();
- //此处可以加载图片,地址索引: [i % _num],比如arr[i % _num]
- _objArr.push(img);
- _container.addChild(img);
- }
- }
- function onLeftClick(e:MouseEvent):void
- {
- //向右移动之前,将最后一个元素放到第一个位置
- if (isTweening())
- {
- return;
- }
- _objArr.unshift(_objArr.pop());
- _objArr[0].x = -_width;
- for (var i:int = 0; i<_objArr.length; i++)
- {
- Tweener.addTween(_objArr[i],{x:i*_width,time:1,transition:"easeOutCubic"});
- }
- }
- function onRightClick(e:MouseEvent):void
- {
- if (isTweening())
- {
- return;
- }
- for (var i:int = 0; i<_objArr.length; i++)
- {
- Tweener.addTween(_objArr[i],{x:i*_width-_width,time:1,transition:"easeOutCubic"});
- }
- setTimeout(onPush,1000);
- function onPush():void
- {
- //向左移动之后,将第一个元素放到最后一个位置
- _objArr.push(_objArr.shift());
- _objArr[_objArr.length-1].x = _width*(_objArr.length-1);
- }
- }
- function isTweening():Boolean
- {
- for (var i:int = 0; i<_objArr.length; i++)
- {
- if (Tweener.isTweening(_objArr[i]))
- {
- return true;
- }
- }
- return false;
- }
[ActionScript 3.0] 图片左右循环移动的更多相关文章
- JS可控制的图片自动循环播放查看效果
JS可控制的图片自动循环播放查看效果 <html> <head> <title>JS可控制的图片自动循环播放查看效果丨芯晴网页特效丨CsrCode.Cn</t ...
- [ActionScript 3.0] 正则表达式
正则表达式: 正则表达式最早是由数学家Stephen Kleene在对自然语言的递增研究成果的基础上,于1956提出来的.具有完整语法的正则表达式,主要使用在字符串的格式的匹配方面上,后来也逐渐应用到 ...
- 利用jQuery实现图片无限循环轮播(不借助于轮播插件)
原来我主要是用Bootstrap框架或者swiper插件实现轮播图的功能,而这次是用jQuery来实现图片无限循环轮播! 用到的技术有:html.css.JavaScript(少).jQuery(主要 ...
- ActionScript 3.0入门:Hello World、文件读写、数据存储(SharedObject)、与JS互调
近期项目中可能要用到Flash存取数据,并与JS互调,所以就看了一下ActionScript 3.0,现把学习结果分享一下,希望对新手有帮助. 目录 ActionScript 3.0简介 Hello ...
- ActionScript 3.0 for the Lunder Algorithm
package com.feiruo.Calendar.LunderCalendar { /* *@ClassName: package:com.feiruo.Calendar.LunderCalen ...
- [转]ActionScript 3.0入门:Hello World、文件读写、数据存储(SharedObject)、与JS互调
本文转自:http://www.cnblogs.com/artwl/p/3396330.html 近期项目中可能要用到Flash存取数据,并与JS互调,所以就看了一下ActionScript 3.0, ...
- [ActionScript 3.0] AS3.0 动态加载显示内容
可以将下列任何外部显示资源加载到 ActionScript 3.0 应用程序中: 在 ActionScript 3.0 中创作的 SWF 文件 — 此文件可以是 Sprite.MovieClip 或扩 ...
- 【转】学习Flex ActionScript 3.0 强烈推荐电子书
学习Flex ActionScript 3.0 强烈推荐电子书 AdvancED ActionScript 3.0 Animation(<Make things move>姐妹篇,强烈推 ...
- js 实现图片间隔循环轮播以及没有间隔的循环轮播
链接地址:http://blog.sina.com.cn/s/blog_75cf5f32010199dn.html 最近做了个图片循环轮播的功能.就是几张图片不断的循环滚动显示. 感觉这个方法不错所以 ...
随机推荐
- WIN32服务程序(三):完整的服务程序实例
前面我们所讲的“服务程序”,更准确地说是服务控制程序,例如我们通过输入应用的路径,将一个应用程序添加到服务控制管理器.一个服务控制程序可以将一个程序添加到服务控制管理器中,并控制它的运行.停止和删除等 ...
- Koala-Sass编译
1.安装: 下载地址:http://koala-app.com/ 安装好了之后,打开界面如下: 2.简单配置: 打开设置: 3.设置中文: 打开安装目录下的文件:C:\Program Files (x ...
- Web程序员常见的5个错误及解决方案
我是那种脾气暴躁的web用户,但我认为正是如此才驱使我成为一名良好的web开发人员.我会对那些会导致使用网站变得困难的事情恼火,我认为事情越简单越方便越好.这里有五个常见的可用性错误,以及如何避免它们 ...
- pageHelp的使用
以前使用ibatis/mybatis,都是自己手写sql语句进行物理分页,虽然稍微有点麻烦,但是都习惯了.最近试用了下mybatis的分页插件 PageHelper,感觉还不错吧.记录下其使用方法. ...
- android 底层入门开发(二)
LED将为我闪烁:控制发光二极管 对于大多数Linux驱动来说,需要直接与硬件交互,本章主要介绍用Linux驱动来控制二极管的明暗,即通过Linux驱动发送数据控制开发板上LED灯的开关. 第一节介绍 ...
- 微信公众号开发之被逼学web服务端1-----使用SecureCRT连接Linux服务器
做Android的进新公司后安排做微信公众号开发,这基本是后台和前端的活都要由小白的我来做,这两天基本成鸭子了,被填的满满的,却还是不够,博文仅作记录,希望能给后来的小白一点参考吧 今天做的是如何配置 ...
- 表连接,如何先筛选再 join
想先筛选,再join ,语法如下 select * form tab1 left join tab2 on (tab1.size = tab2.size and tab2.name='AAA') 注 ...
- ul和dl的区别
列表中有标题的时候就用dl,没有的话就用ul
- Equls 和==的区别
对于值类型,如果对象的值相等,则相等运算符 (==) 返回 true,否则返回 false.对于string 以外的引用类型,如果两个对象引用同一个对象,则 == 返回 true.对于 string ...
- Java学习
第一个java程序: 用记事本创建一个文件名为HelloWorld.java文件,我的目录为D:\My Documents\Java-workspace\Test\HelloWorld.java. 打 ...