几个图片滚动效果

几个图片滚动效果一、Flash AS图片滚动（鼠标可以控制滚动的方向和速度）。

新知识点:Stage.width// 场景的宽度。

Stage.height// 场景的高度。

MovieClip._width//MC 的宽度。

MovieClip._height // MC 的高度。

要点分析:1、图片MC的制作，中心点是该元件的注册点，又是图片首尾交接处，依据这点判断元件位置，在重新定位后又可以保证图片的准确衔接。

2、tu._x = tu._x-(m/2-_xmouse)/10 ，依鼠标在中心点的左侧或右侧及距离的大小，为 MC 设定运动方向及步长。

（tu为MC实例名称）3、制作过程打开flash，场景4默认，背景为黑色，帧频60。

导入10张图片（高180）。

插入---新建---影片剪辑---注册点居中，将图片一个接一个的横排列。

再将排列好的图片复制，粘贴在先前的图片之后。

图片组水平居中。

（影片剪辑的总宽度一定要比文档宽度大）回到主场景，第1层拖入影片剪辑（右齐、垂直居中），实例名称：tu第二层第一帧输入脚本：m = Stage.width;//取得场景的宽度n = tu._width/2;//取得 MC 的宽度的 1/2 的值tu._x = tu._x-(m/2-_xmouse)/10;//将鼠标与水平中心线的差值的 1/10 加到 MC 的位置上，再赋值到新的 MC 位置。

第二层第二帧输入脚本：if (tu._x>=n) {//MC 左端抵场景左端时tu._x = tu._x-n;//MC 重新定位到自身中心点在场景左端}if (tu._x<=(m-n)) {//MC 右端抵场景右端时tu._x = tu._x+n;//MC 重新定位到自身中心点在场景右端}在图层1第2帧插入帧。

好啦，测试：（鼠标可以控制滚动的方向和速度）。

二、Flash AS图片匀速滚动(链接)有更多的时候我们希望有一组图片自动匀速滚动，点击某张图片即进入相应网页，这里用上面脚本作一点改动实现这样的效果。

1、将原来两帧上的语句改写到MC上.onClipEvent (load) {m = Stage.width;n = this._width/2;x = 5;}onClipEvent (enterFrame) {this._x -= x;if (this._x>=n) {this._x = this._x-n;}if (this._x<=(m-n)) {this._x = this._x+n;}}2、分别在各小图上加隐形按钮写脚本，下例是第一个图的按钮上的命令：on (rollOver) {x = 0;}on (rollOut) {x = 5;}on (press) {getURL("链接地址", "_blank");}这里简单说一下制作：打开flash，导入几张图片（场景和图片宽、高自定），帧频60。

插入---新建---影片剪辑（注册点居中）---将图片一个接一个的横排列。

再将排列好的图片复制，粘贴在先前的图片之后。

图片组水平居中。

再制作一透明按钮，放在第1张图片上，在这个按钮上输入代码：按alt键复制盖住所有小图片。

分别点击每个按钮，输入脚本：on (rollOver) { //当鼠标滑过时停止移动x = 0;}on (rollOut) { //当鼠标滑离时开始移动x = 5;}on (press) {getURL("链接地址", "_blank");}复制第1个按钮到第2张图片上，修改第2个按钮的代码中的链接地址。

复制第2个按钮到第3张图片上，修改第3个按钮代码中的链接地址......如此这般，为每张图片添加一个隐形按钮，在第个按钮上写代码，代码中一定有getURL行。

将影片剪辑拖入主场景, 点选影片剪辑，打开动作，输入脚本：onClipEvent (load) {m = Stage.width;n = this._width/2;x = 5;}onClipEvent (enterFrame) {this._x -= x; //要向右移动就改"-="为"+=".if (this._x>=n) { //向右移动此句起作用this._x = this._x-n;}if (this._x<=(m-n)) { //向左移动此句起作用this._x = this._x+n;}}当然，上面的代码也可以写在帧上：onEnterFrame = function() {m = Stage.width;n = tu._width/2;x = 5;tu._x -= x;if(tu._x>=n) {tu._x = tu._x - n;}if(tu._x<=(m-n) {tu._x = tu._x +n;}}测试：图片自动匀速滚动，鼠标放上去停止滚动，鼠标离开开始滚动。

点击图片，可链接相应网页。

三、Flash AS图片滚动（鼠标放在图片上变大）打开flash，场景400*300，帧频36。

导入7张图片（100*100）。

插入---新建---影片剪辑（pic）---将图片分别放第一层7个帧中。

在库中，点选该影片剪辑---右键---链接---在链接属性栏勾选第一、三方框---标识符：pic插入---新建---（空）影片剪辑（game），在第一帧打开动作，输入脚本：//图片总数:total = 7; //（total：总）//间距:d = 25;//图片宽:w = 100;//总长:W = total*(w+d);//图片变大变小的速度:dScale = 10;//在场景中加入图片:for (i=1; i<=total; i++) {this.attachMovie("pic", "pic"+i, i, {_x:i*(w+d)-W/2});pic = this["pic"+i];pic.gotoAndStop(i);//鼠标放在图片上:pic.onRollOver = function() {this.onEnterFrame = function() {//变大:this._xscale = this._yscale += dScale; //以该图片为基准调整距离:pic0 = this;distance(pic0);//如果大到一定程度就停止变大:if (this._xscale>200) {this._xscale = this._yscale=200; delete this.onEnterFrame;pic0 = head;}};};//鼠标离开图片:pic.onRollOut = function() {this.onEnterFrame = function() {//变小:this._xscale = this._yscale -= dScale; //以该图片为基准调整距离:pic0 = this;distance(pic0);//如果小到一定程度就停止变小:if (this._xscale<100) {this._xscale = this._yscale=100;delete this.onEnterFrame;pic0 = head;}};};//用来建个类似双向链表的东东:pic.prevPic = prevPic;prevPic.nextPic = pic;prevPic = pic;}//形成环链:this.pic1.prevPic = this["pic"+total];this["pic"+total].nextPic = this.pic1;//head = this.pic1;tail = this["pic"+total];//以链头为基准(用来调整距离):pic0 = head;//function onEnterFrame() {if (head._x<-W/2) {head._x = tail._x+(tail._width+head._width)/2+d; tail = head;head = head.nextPic;pic0 = head;} else if (tail._x>W/2) {tail._x = head._x-(tail._width+head._width)/2-d;head = tail;tail = tail.prevPic;pic0 = head;}head._x += -_xmouse/20;distance(pic0);}//-----------//以pic0为基准调整各幅画间距离的函数:function distance(pic0) {var pic = pic0;while (pic != head) {pic.prevPic._x = pic._x-(pic._width+pic.prevPic._width)/2-d;pic = pic.prevPic;}pic = pic0;while (pic != tail) {pic.nextPic._x = pic._x+(pic._width+pic.nextPic._width)/2+d;pic = pic.nextPic;}}回到主场景，将（空）影片剪辑拖入第一帧（居中）。

测试：鼠标可以控制滚动的方向和速度。

当鼠标放在图片上时，图片停止滚动并放大；当鼠标离开图片时，图片缩小并滚动。

5、BitmapData做环绕效果---------------------------BitmapData 类允许您在运行时创建任意大小的透明或不透明位图图像并采用多种方式操作这些图像。

BitmapData 类的方法支持多种无法通过通用滤镜接口获得的效果。

BitmapData 对象的最大宽度和高度为 2880 像素。

----------------------------------------------------------------------打开flash，场景200*109（可自定）。

导入1张图片（980*109）到库---在库中，点选该图片---右键---链接---在链接属性栏勾选第一、三方框---标识符：pic回到主场景，在第一帧输入脚本：import flash.display.BitmapData;import flash.geom.*;//从库里取图var picBD:BitmapData = BitmapData.loadBitmap("pic");var pic_mc:MovieClip = this.createEmptyMovieClip("pic_mc",this.getNextHighestDepth());pic_mc.attachBitmap(picBD, this.getNextHighestDepth());//创建用于“过渡”的图var picBD2:BitmapData = new BitmapData(Stage.width*2, pic_mc._height, false, 0xFF);var pic_mc2:MovieClip = this.createEmptyMovieClip("pic_mc2",this.getNextHighestDepth());pic_mc2.attachBitmap(picBD2, this.getNextHighestDepth());//截取源图的前和后各一部分组成新的图picBD2.copyPixels(picBD, new Rectangle(0, 0, Stage.width, pic_mc._height), new Point(Stage.width, 0));picBD2.copyPixels(picBD, new Rectangle(pic_mc._width-Stage.width, 0,Stage.width, pic_mc._height), new Point(0, 0));//初始化位置pic_mc2._x = pic_mc._x+pic_mc._width-Stage.width;pic_mc2._y = pic_mc._y;//计算两个“常量”，以免下面的帧循环中反复计算var xa:Number = -(pic_mc._width-Stage.width)/2;var xb:Number = -(pic_mc2._width-Stage.width)/2;var v:Number = 5;//移动速度初值this.onEnterFrame = function() {pic_mc._x -= v;pic_mc2._x -= v;//判断不同位置下，pic_mc与pic_mc2有左右关系if (pic_mc._x<xa && pic_mc2._x<pic_mc._x) {pic_mc2._x = pic_mc._x+pic_mc._width-pic_mc2._width/2;} else if (pic_mc._x>xa && pic_mc2._x>pic_mc._x) {pic_mc2._x = pic_mc._x-pic_mc2._width/2;} else if (pic_mc2._x<xb && pic_mc._x<pic_mc2._x) {pic_mc._x = pic_mc2._x+pic_mc2._width/2;} else if (pic_mc2._x>xb && pic_mc._x>pic_mc2._x) {pic_mc._x = pic_mc2._x-pic_mc._width+pic_mc2._width/2;}};//鼠标移动，修调速度this.onMouseMove = function() {v = Math.floor((this._xmouse-Stage.width/2)/30); //30为修调系数};测试。