有时候多张图片展示需求中,需要左右循环移动展示,为了以后省时间思考,写个例子:

  1. import com.tweener.transitions.Tweener;
  2. import flash.display.Sprite;
  3.  
  4. var _num:int = 3;//始终三张显示图片
  5. var _width:Number = 278;//图片的宽度
  6. var _objArr:Array = [];
  7. var _container:Sprite = new Sprite();
  8. this.addChild(_container);
  9. initContainer();
  10. leftBtn.addEventListener(MouseEvent.CLICK,onLeftClick);
  11. rightBtn.addEventListener(MouseEvent.CLICK,onRightClick);
  12. function initContainer():void
  13. {
  14. for (var i:int = 0; i<_num*2; i++)
  15. {
  16. var img:TestImage = new TestImage();//测试的图片元件
  17. img.x = _width * i;
  18. img.t.text = (i % _num).toString();
  19. //此处可以加载图片,地址索引: [i % _num],比如arr[i % _num]
  20. _objArr.push(img);
  21. _container.addChild(img);
  22. }
  23. }
  24. function onLeftClick(e:MouseEvent):void
  25. {
  26. //向右移动之前,将最后一个元素放到第一个位置
  27. if (isTweening())
  28. {
  29. return;
  30. }
  31. _objArr.unshift(_objArr.pop());
  32. _objArr[0].x = -_width;
  33. for (var i:int = 0; i<_objArr.length; i++)
  34. {
  35. Tweener.addTween(_objArr[i],{x:i*_width,time:1,transition:"easeOutCubic"});
  36. }
  37.  
  38. }
  39. function onRightClick(e:MouseEvent):void
  40. {
  41. if (isTweening())
  42. {
  43. return;
  44. }
  45. for (var i:int = 0; i<_objArr.length; i++)
  46. {
  47. Tweener.addTween(_objArr[i],{x:i*_width-_width,time:1,transition:"easeOutCubic"});
  48. }
  49. setTimeout(onPush,1000);
  50. function onPush():void
  51. {
  52. //向左移动之后,将第一个元素放到最后一个位置
  53. _objArr.push(_objArr.shift());
  54. _objArr[_objArr.length-1].x = _width*(_objArr.length-1);
  55. }
  56. }
  57. function isTweening():Boolean
  58. {
  59. for (var i:int = 0; i<_objArr.length; i++)
  60. {
  61. if (Tweener.isTweening(_objArr[i]))
  62. {
  63. return true;
  64. }
  65. }
  66. return false;
  67. }

[ActionScript 3.0] 图片左右循环移动的更多相关文章

  1. JS可控制的图片自动循环播放查看效果

    JS可控制的图片自动循环播放查看效果 <html> <head> <title>JS可控制的图片自动循环播放查看效果丨芯晴网页特效丨CsrCode.Cn</t ...

  2. [ActionScript 3.0] 正则表达式

    正则表达式: 正则表达式最早是由数学家Stephen Kleene在对自然语言的递增研究成果的基础上,于1956提出来的.具有完整语法的正则表达式,主要使用在字符串的格式的匹配方面上,后来也逐渐应用到 ...

  3. 利用jQuery实现图片无限循环轮播(不借助于轮播插件)

    原来我主要是用Bootstrap框架或者swiper插件实现轮播图的功能,而这次是用jQuery来实现图片无限循环轮播! 用到的技术有:html.css.JavaScript(少).jQuery(主要 ...

  4. ActionScript 3.0入门:Hello World、文件读写、数据存储(SharedObject)、与JS互调

    近期项目中可能要用到Flash存取数据,并与JS互调,所以就看了一下ActionScript 3.0,现把学习结果分享一下,希望对新手有帮助. 目录 ActionScript 3.0简介 Hello ...

  5. ActionScript 3.0 for the Lunder Algorithm

    package com.feiruo.Calendar.LunderCalendar { /* *@ClassName: package:com.feiruo.Calendar.LunderCalen ...

  6. [转]ActionScript 3.0入门:Hello World、文件读写、数据存储(SharedObject)、与JS互调

    本文转自:http://www.cnblogs.com/artwl/p/3396330.html 近期项目中可能要用到Flash存取数据,并与JS互调,所以就看了一下ActionScript 3.0, ...

  7. [ActionScript 3.0] AS3.0 动态加载显示内容

    可以将下列任何外部显示资源加载到 ActionScript 3.0 应用程序中: 在 ActionScript 3.0 中创作的 SWF 文件 — 此文件可以是 Sprite.MovieClip 或扩 ...

  8. 【转】学习Flex ActionScript 3.0 强烈推荐电子书

    学习Flex ActionScript 3.0 强烈推荐电子书 AdvancED ActionScript 3.0 Animation(<Make things  move>姐妹篇,强烈推 ...

  9. js 实现图片间隔循环轮播以及没有间隔的循环轮播

    链接地址:http://blog.sina.com.cn/s/blog_75cf5f32010199dn.html 最近做了个图片循环轮播的功能.就是几张图片不断的循环滚动显示. 感觉这个方法不错所以 ...

随机推荐

  1. WIN32服务程序(三):完整的服务程序实例

    前面我们所讲的“服务程序”,更准确地说是服务控制程序,例如我们通过输入应用的路径,将一个应用程序添加到服务控制管理器.一个服务控制程序可以将一个程序添加到服务控制管理器中,并控制它的运行.停止和删除等 ...

  2. Koala-Sass编译

    1.安装: 下载地址:http://koala-app.com/ 安装好了之后,打开界面如下: 2.简单配置: 打开设置: 3.设置中文: 打开安装目录下的文件:C:\Program Files (x ...

  3. Web程序员常见的5个错误及解决方案

    我是那种脾气暴躁的web用户,但我认为正是如此才驱使我成为一名良好的web开发人员.我会对那些会导致使用网站变得困难的事情恼火,我认为事情越简单越方便越好.这里有五个常见的可用性错误,以及如何避免它们 ...

  4. pageHelp的使用

    以前使用ibatis/mybatis,都是自己手写sql语句进行物理分页,虽然稍微有点麻烦,但是都习惯了.最近试用了下mybatis的分页插件 PageHelper,感觉还不错吧.记录下其使用方法. ...

  5. android 底层入门开发(二)

    LED将为我闪烁:控制发光二极管 对于大多数Linux驱动来说,需要直接与硬件交互,本章主要介绍用Linux驱动来控制二极管的明暗,即通过Linux驱动发送数据控制开发板上LED灯的开关. 第一节介绍 ...

  6. 微信公众号开发之被逼学web服务端1-----使用SecureCRT连接Linux服务器

    做Android的进新公司后安排做微信公众号开发,这基本是后台和前端的活都要由小白的我来做,这两天基本成鸭子了,被填的满满的,却还是不够,博文仅作记录,希望能给后来的小白一点参考吧 今天做的是如何配置 ...

  7. 表连接,如何先筛选再 join

    想先筛选,再join ,语法如下  select * form tab1 left join tab2 on (tab1.size = tab2.size and tab2.name='AAA') 注 ...

  8. ul和dl的区别

    列表中有标题的时候就用dl,没有的话就用ul

  9. Equls 和==的区别

    对于值类型,如果对象的值相等,则相等运算符 (==) 返回 true,否则返回 false.对于string 以外的引用类型,如果两个对象引用同一个对象,则 == 返回 true.对于 string ...

  10. Java学习

    第一个java程序: 用记事本创建一个文件名为HelloWorld.java文件,我的目录为D:\My Documents\Java-workspace\Test\HelloWorld.java. 打 ...