- 浏览: 129521 次
- 性别:
- 来自: 济南
文章分类
最新评论
思路是,把超出视觉范围的图片追加到最后一张图片的未尾或是在Stage的某个位置.只要能跟最后一张图片的位置后面就可以了.
for (i=1; i<7; i++) {
this.createEmptyMovieClip("mc"+i, i);//创建一个空白影片(其实是是有I个,这样每个MC的运动才不会影响到其它MC的运动.)
this["mc"+i]._x = 10;
this["mc"+i]._y = (i-1)*100+20;//设置其X,Y的位置
this["mc"+i].attachMovie("m"+i, "mc"+i, 7*i);//加载内部MC
this["mc"+i].onEnterFrame = function() {//加个enterframe事件
this._y = this._y-2;//让每个加载有MC的影片都运动起来
if (this._y<-128) {//判断影片的位置是否到达了指定的位置,如果到达了,就执行以下的语句.
this._y = Stage.height+80;//设置过了界限的MC的Y位置为stage高度
}
};
}
其实各位可以在这个基础上再加以扩展.这才是学习的好方法.现在我也再扩展一下这段代码的应用性些.首先上面的那段代码只能用于图片一样高的才行.如果图片的高度不一样的话.那图片的的滚动就会出现问题了.而我下面的那些代码呢也有一定的局限性,要把图片大的跟大的一起排列在一起.小的跟小的排在一起.(明?)
var sheight:Number;//前面一类图片的大小,其实这里就是记录前十个小图片的总长度
var flag:Boolean;
var jianxi:Number;
var speed:Number;
var picNum:Number;
var totalHeight:Number;
//图片的总长度;可在总长度总要保持不变
flag = false;
//这个变量是用于标识是不是己经把全部图片加载完
jianxi = 20;
//每张图片的间隔的高度
speed = 10;
//图片滚动速度
picNum = 20;
//图片总数
for (i=1; i<21; i++) {
this.createEmptyMovieClip("mc"+i, i);
this["mc"+i].attachMovie("pic"+i, "picmc"+i, i);
this["mc"+i]._x = 0;
this["mc"+i].num = i;
if (i<11) {//前十张图片与后十张的图片的高度不一样的.
this["mc"+i]._y = (i-1)*(this["mc"+i]["picmc"+i]._height+jianxi);
//设置图片的Y位置
sheight = (i-1)*(this["mc"+i]["picmc"+i]._height+jianxi);
//其实这里就是记录着第十张图片的Y位置
} else {
this["mc"+i]._y = sheight+(i-11)*(this["mc"+i]["picmc"+i]._height+jianxi);
//设置图片的Y位置
}
if (i == picNum) {
//当加载最后一张图片时
flag = true;
//把这个标识符设置为TRUE,就意味着,超过视觉范围的图片可以接在后面了
totalHeight = this["mc"+i]._y+this["mc"+i]["picmc"+i]._height;
//这是全部图片和间隙的长度总和.每张超过视觉范围的图片都会被加在这个后面.
}
//每个被加载进来的pic中都有图片,图片上面放着一个透明按钮
this["mc"+i]["picmc"+i].btn.useHandCursor = false;
this["mc"+i]["picmc"+i].btn.onRollOver = function() {
speed = 0;
//当鼠标经过时,让速度为0
};
this["mc"+i]["picmc"+i].btn.onRollOut = function() {
speed = 10;//当鼠标经过时,让速度为10
};
this["mc"+i]["picmc"+i].btn.onRelease = function() {
//这是当鼠标点击图片上的按钮时触发的事件
//loadBigPic,是我在主场景中定义的一个加载大图片的一个函数.这里就不贴出来了.
this._parent._parent._parent._parent.loadBigPic(this._parent._parent.num);
};
this["mc"+i].onEnterFrame = function() {
this._y = this._y-speed;//让图片滚动起来
if (this._y<(-this["picmc"+this.num]._height)) {
//当图片的运动到场景外了.就让这张图片接在全部图片长度的最后面.
//(不知道大家能不能明白我的这句话.我也表达不清楚了.)
this._y = totalHeight-this._height+jianxi;
}
};
}
----------------------------------------------------------------------
第二阶段的代码就是这样了.明天会加上加载大图片.再加上loading.如果哪位都可以在此扩展的啊.应用性强一点.就像楼上说的.用XML来记录图片的外部信息.都是可以的.希望大家多想想.然后写出来.把思路写上来.分享一下.*_*
文章来自: 闪客居(www.flashas.net) 详文参考:http://www.flashas.net/asbc/20070104/1628.html
发表评论
-
Flex:使用@Embed嵌入元素
2010-08-04 16:57 1077可以在Flex应用程序中嵌入各种元素。被嵌入的元素将编译进SW ... -
Flex PureMVC实例教程
2009-12-18 00:01 4251摘自: http://blog.csdn.net/ ... -
as3强大的正则表达式:RegExp
2009-12-04 15:20 909摘自: http://www.okp ... -
FLEX 3 新特性 (个人无责任猜想版)
2009-11-07 21:32 912http://www.unbuzz.com/blogs/ind ... -
Flex设置ToolTip样式
2009-10-25 13:33 1307StyleManager.getStyleDeclaratio ... -
谈谈Flex中ArrayCollection的复制(克隆)
2009-05-19 14:44 1204在Flex的开发过程中,常常会遇到复制ArrayC ... -
Flex-DataGrid使用关键字过滤结果
2009-04-23 17:02 950这里主要展示如何使用搜索的关键字过滤DataGri ... -
你有所不知的HTML发布Flash的参数(一):allowScriptAccess
2009-04-13 10:22 1296摘自: http://www.luar.com.hk/flas ... -
firefox下js与flash通讯的可恶
2009-04-12 16:56 777http://www.laaan.cn/?p=682 -
flex creationComplete事件的一些思考
2009-03-29 21:39 1435creationComplete恐怕是flex ... -
flex初始化时的事件测试
2009-03-29 21:31 859flex组件在建立的时候都会经历四个事件:preinitial ... -
Flex locale ResourceBundle的使用
2009-03-25 15:47 3000ResourceBundle的使用 新建文件夹(Loca ... -
RangeError: Error #2006: 提供的索引超出范围
2009-03-18 11:18 3330如果你使用了PopUpManager.addPopUp添加弹出 ... -
TabNavigator使用心得
2009-03-17 10:58 1822做了一个控件很长时间,一直有两个问题困扰我。 1. ... -
Flex 数据绑定技巧
2009-03-16 21:19 804有一种简单的方法可以 ... -
Flex 程序的初始化顺序
2009-03-16 21:11 829Flex程序执行的过程中会触发 preinitialize, ... -
Application的启动顺序
2009-03-16 21:10 799preloader->systemManager-> ... -
Flex启动过程分析
2009-03-16 21:02 765首先介绍一下SystemManager. SystemMana ... -
Flex的crossdomain.xml问题
2009-03-09 13:04 3490玩过Flex或者Flash的同学都知道,如果想要在Flash里 ... -
FLEX内存优化
2009-03-06 13:17 895FLEX内存释放优化原则: ...
相关推荐
一个图片连续滚动的代码,类似于html中marquee效果,但是能够连续无间断的滚动
图片连续滚动效果.rar图片连续滚动效果.rar图片连续滚动效果.rar图片连续滚动效果.rar图片连续滚动效果.rar图片连续滚动效果.rar
JavaScript图片连续滚动效果,共有4个效果(向下,向上,向左,向右)可根据需要选择
js 实现图片连续滚动效果
连续滚动的图片 不间断。 <br>效果演示。
一、左右轮播,滚动持续0.6秒,滚动延迟3秒,滚动效果swing,初始焦点第1张,点选按键自动隐藏,按键边框半径(IE8-只方不圆)5px(以上各项为默认设置值) 二、上下轮播,滚动持续0.3秒,滚动延迟5秒,滚动效果...
在表格中插入图片,要有滚动效果,可以这样做....
两种效果的图片滚动,包括演示,代码,需要插件,简单易用,功能强大,全部JS完成
主要为大家介绍了jQuery动画效果实现图片无缝连续滚动,实现类似连续不间断的滚动广告位,感兴趣的小伙伴们可以参考一下
用JQuery写的,图片点击连续滚动的代码
插件功能及特点: 可以实现图片或文字平滑连续向上或向左滚动 鼠标移动到图片(文字)上停止滚动,移去后...可以自由设置参与滚动图片(文字)的个数 兼容IE6、IE7、IE8、火狐、谷歌等众多浏览器 页面表现和形为分离
http://gmarwaha.com/jquery/jcarousellite/ 上面下载jcarousellite插件 * 来和彦磊图片平滑滚动的插件相互补充使用以获取更多的图片效果 * 彦磊图片平滑滚动插件只是对jcarousellite插件的补充 * * * 技术支持:...
简单的html页面,双击,任意浏览器可查看效果!无毒无公害
内容索引:C#源码,图形图像,图片滚动 C# 像网页图片滚动一样的动画效果,这里将源代码也奉上,个人觉得这是挺不错的效果,三张图片连接起来,一起由左向右循环滚动,对于学习C#的朋友来说,学习一下这些小程序,对...
---几乎支持目前所有流行风格的图片或文字的滚动/切入/渐显等效果,同时支持横向/竖向/连续/间断/缓动等多种形式。 ---网页里面文字或图片滚动方面的,上下滚动,左右滚动,间歇式的,连续性的均有。 ---我也是下载...
12. jQuery仿动感flash自动滚动图片切换广告插件 13. jQuery仿新浪新闻图片浏览器(支持鼠标左右滚动控制图片切换) 14. jquery仿苏宁易购商城产品图片全方位展示功能 15. jquery制作漂亮按钮示例打包 16. jQuery...
源码AndroidScrollingImageView,AndroidScrollingImageView一个Android视图控件,用于显示连续重复滚动播放的图片。这可以被用来创建一个视差动画效果。
jquery实现的图文滚动效果,图文内容经过指定的间隔时间自动向下滚动显示,效果非常酷。有需要的小伙伴可以参考下。
81. 下载jquery走马灯效果图片连续滚动的实例 82. 几种简单实用jQuery焦点图片自动切换效果 83. 分享jquery仿LightBox动感多样式图片放大插件zoomimage下载 84. 分享jquery仿当当网店铺图片轮番切换(同时显示图片...
01:___CSS+JS滚动图片功能代码 02:___CSS使用图片完美修饰的全兼容圆角框 03:___CSS制作的类似相册浏览的功能 04:___CSS完成神奇创意的相框 05:___CSS实现自适应的图片背景边框 06:___CSS将图片自动变为圆角 07:___...