[加入收藏]
[
教程购买
]
[服务指南]
首页
|
办公自动化
|
网页制作
|
平面设计
|
动画制作
|
数据库开发
|
程序设计
|
全部视频教程
应用视频:
Windows
|
Word2007
|
Excel2007
|
PowerPoint2007
|
Dreamweaver 8
|
Fireworks 8
|
Flash 8
|
Photoshop cs
|
CorelDraw 12
编程视频:
C语言视频教程
|
HTML
|
Div+Css布局
|
Javascript
|
Access数据库
|
Asp
|
Sql Server数据库
|
Asp.net
|
Flash AS
编程视频:
C语言视频教程
|
HTML
|
Div+Css布局
|
Javascript
|
Access数据库
|
Asp
|
Sql Server数据库
|
Asp.net2.0
|
Flash AS
应用视频:
Windows
|
Word2007
|
Excel2007
|
PowerPoint2007
|
Dreamweaver 8
|
Fireworks 8
|
Flash 8
|
Photoshop cs
|
CorelDraw 12
文字教程:
Windows教程
|
Word教程
|
Excel教程
|
PowerPoint教程
视频教程
:
Windows视频教程
|
Word2007视频教程
|
Excel2007视频教程
|
PPT2007视频教程
文字教程:
Dreamweaver教程
|
Fireworks教程
|
Flash教程
|
PhotoShop教程
|
HTML教程
|
Div+Css布局教程
视频教程:
Dreamweaver视频教程
|
Fireworks视频教程
|
Flash视频教程
|
PhotoShop视频教程
|
HTML视频教程
|
DIV+CSS视频教程
文字教程:
Fireworks教程
|
PhotoShop教程
|
CorelDraw教程
视频教程:
Fireworks 8视频教程
|
PhotoShop CS视频教程
|
CorelDraw12视频教程
文字教程:
Flash教程
|
Flash AS脚本教程
视频教程:
Flash 8视频教程
|
Flash AS视频教程
文字教程:
Access教程
|
sql server教程
视频教程:
Access数据库视频教程
|
Sql Server2005数据库视频教程
文字教程:
C语言教程
|
Javascript教程
|
Asp教程
|
Asp.Net网站开发教程
视频教程:
C语言视频教程
|
JavaScript视频教程
|
ASP视频教程
|
ASP.NET视频教程
|
网站制作视频教程
|
ASP动态网站制作视频教程
当前位置 >
文字教程
>
Flash教程
Tag:
flash cs
,
flash 8
,
鼠绘
,
as
,
手绘
,
工具
,
文字
,
loading
,
入门
,
初学
,
mc
,
影片剪辑
,
声音
,
mtv
,
游戏
,
引导
,
遮罩
,
菜单
,
补间
,
广告条
,
时钟
,
视频教程
图片展览滚动效果
文章类别:
Flash
| 发表日期:2008-9-21 20:09:45
转载请注明作者,谢谢!
/UploadTeach/200710/20071008173817516.swf
制作思路:
(1):构建好XML文件,进行载入判定,取得xml节点
(2):在一个大的影片剪辑内,进行复制要加载图片的影片剪辑,按X轴方向水平排列
(3):使用[被遮照的影片剪辑.setMask(遮照的影片剪辑)] 创建遮照效果
(4):滚动区域的判定
stop();
System.useCodepage = true;
var link_xml:XML = new XML();
link_xml.ignoreWhite = true;
link_xml.onLoad = function(success) {
if (success) {
//trace(this);
nextFrame();
} else {
trace("Error loading XML");
}
};
link_xml.load("content_xml.as");
/**
* Description 版权所有2007@lbynet http://www.www.52hai.com/User0/140
* @author _lby
* @version 0.1
* @discription:图片展览滚动效果;
*/
stop();
var _this = _root.link_xml.firstChild;
var len:Number = _this.childNodes.length;
//trace(len);
var img_path_arr:Array = [];
var link_arr:Array = [];
Loader_fun = function () {
for (var i:Number = 0; i<len; i++) {
img_path_arr[i] = _this.childNodes[i].childNodes[0].childNodes[0].nodeValue;
link_arr[i] = _this.childNodes[i].childNodes[1].childNodes[0].nodeValue;
//进行copy影片剪辑排列
content_mc.image_mc.duplicateMovieClip("image_mc"+i, 100+i);
content_mc.image_mc._visible = false;
content_mc["image_mc"+i]._x = content_mc.image_mc._width*i;
content_mc["image_mc"+i]._y = 0;
//加载图片;
var mc:MovieClip = content_mc["image_mc"+i];
mc.i = i;
mc._alpha = 60;
mc.onRollOver = function() {
this._alpha = 100;
trace(this.i);
};
mc.onRollOut = function() {
this._alpha = 60;
};
mc.onRelease = function() {
getURL(link_arr[this.i]);
};
var loadListener:Object = new Object();
//参数mc为当前被加载进来的,这里为content_mc["image_mc"+i].load_mc
loadListener.onLoadComplete = function(mc:MovieClip) {
mc._parent.preloader._visible = false;
};
loadListener.onLoadError = function(mc:MovieClip) {
mc._parent.preloader._visible = true;
trace("加载图片失败");
};
if (img_path_arr != null && img_path_arr != "" && img_path_arr != undefined) {
var imgLoader:MovieClipLoader = new MovieClipLoader();
imgLoader.addListener(loadListener);
imgLoader.loadClip(img_path_arr[i], content_mc["image_mc"+i].load_mc);
}
}
};
Loader_fun();
content_mc.setMask(mask_mc);
/*
//自定义滚动类
import DragRegion;
new DragRegion(content_mc,mask_mc);
*/
/* 滚动判定 */
content_mc.onEnterFrame = function() {
this._x = -((this._width-mask_mc._width)/mask_mc._width)*mask_mc._xmouse;
//trace(this._x);
if (this._x<-(100*len-500)) {
//超出的为100*len-500
this._x = -(100*len-500);
} else if (this._x>-50) {
this._x = 0;
}
};
补充下面部分,如有错,请指正:
认真分析下面图解也不难理解:
this._x = -((this._width-mask_mc._width)/mask_mc._width)*mask_mc._xmouse;
因为content_mc 与 mask_mc 的高度一样,所以只要根据上面表达式求得 content_mc的x坐标 与 mask_mc._xmouse之间的关系
content_mc 与 mask_mc 的宽度之差 ,得到多出来的部分宽度,如上图所示的R1
再除于 mask_mc 的宽度,得到一个比例,这个比例是多出部分占mask_mc的百分比
这个比较等价于 mask_mc._xmouse(将作为鼠标在 mask_mc上移动的偏移距离量) 与 content_mc._x 的比例
所以得到:
this._x = -((this._width-mask_mc._width)/mask_mc._width)*mask_mc._xmouse;
this是指content_mc.
XML文件:
content_XML.rar
1.jpg
(19.12 KB)
1
2.jpg
(16.68 KB)
2
3.jpg
(18.11 KB)
3
4.jpg
(16.76 KB)
4
5.jpg
(16.85 KB)
5
lbynet.jpg
(13.73 KB)
效果图片
源文件下载:
图片展览滚动.rar
进入论坛和作者讨论学习:
http://space.flash8.net/bbs/thread-342918-1-1.html
上一篇:
{实例}Flash中文本框样式的控制
人气:1094
下一篇:
{实例}用遮罩做的图像变换效果
人气:3439
Flash视频教程
Windows操作
[文]
Word教程
[文]
Excel教程
[文]
PowerPoint
[文]
Dreamweaver
[文]
Fireworks
[文]
Flash教程
[文]
PhotoShop
[文]
CorelDraw
[文]
C语言教程
[文]
Html教程
[文]
Div+Css布局
[文]
Javascript
[文]
ACCESS数据库
[文]
ASP教程
[文]
SQLServer
[文]
ASP.NET教程
[文]
FlashAS
[文]
视频教程列表
计算机基础入门及办公自动化:
Windows视频教程
Word视频教程
Excel视频教程
PPT视频教程
网页制作开发视频教程:
Dreamweaver视频教程
Fireworks视频教程
Flash视频教程
Photoshop视频教程
HTML视频教程
Div+Css布局视频教程
静态网站项目实例视频教程
平面广告设计视频教程
Fireworks视频教程
Photoshop视频教程
CorelDraw视频教程
初级程序设计及ASP动态网站开发
C语言视频教程
Javascript视频教程
Access数据库视频教程
Asp网站开发视频教程
Asp项目实例开发视频教程
Asp.net动态网站开发视频教程
Sql Server数据库视频教程
Asp.net视频教程
Flash 动画角本编程视频教程
Flash视频教程
Falsh MTV视频教程
文章教程搜索
输入您的搜索字词
google
本站
提交搜索表单
Flash推荐教程
.给所有ActionScript初学者的建议
.flash站满整个网页且flash总是居
.Flash鼠绘:绘制竹林燕子
.Flash鼠绘:水晶按钮的制作方法
.Flash鼠绘:小鸟的绘制
.Flash鼠绘:卡通风车的绘制
.flash视频教程(21视频教程网)
.用Flash制作一只慧眼
.用Flash制作龙骨(洋葱皮效果)
.狡猾的小球--经典FLASH制作
.Flash鼠标事件:起伏的立体方块群
.震动窗口
.鼠绘动物技术篇
.《心心相印》PS Flash制作贺卡
.圣诞贺卡的制作[FLASH版]
.萤火虫特效
.FLASH简单三步制作飞越星空效果
.Flash 8 AS做滤镜效果的类别整理
.Flash视觉特效之科技之光
.翻页书源文件
.实现一个简单的补间动画及扩展
.Light Factory--激光(视频教程)
.用AS来表达模糊或震动效果
.Flash中利用ActionScript实现动
.雪夜的作法讲解
.FCL组件库-交互特效Interactive
.加载外部文本文件的另类方法!
.2006:火山基础开发习惯总结
.在Flash动画中使字体清楚的三种
.介绍一种作仿3D flash动画的方法
Flash热门教程
.Flash教程:雪景动画制作源码
.Flash教程:飞舞的两只蝴蝶2
.Flash教程:飞舞的两只蝴蝶
.Flash教程:图案文字的制作方法
.Flash教程:一箭穿心的制作技巧
.Flash教程:镂空文字的制作技巧
.Flash教程:红旗飘飘制作方法
.Flash教程:变色花朵的制作技巧
.Flash教程:爆炸文字的制作方法及
.Flash教程:鸡蛋绘制方法及技巧
.Flash教程:雨伞绘制方法及技巧
.Flash教程:枫叶绘制方法及技巧
.Flash教程:小草绘制方法及技巧
.Flash教程:《香烟》制作步骤
.Flash教程:随风摆动的小草制作案
.Flash教程:flash与asp结合应用_
.Flash教程:flash与asp结合应用_
.Flash教程:flash与asp结合应用_
.Flash教程:绘制插画的技巧三
.Flash教程:绘制插画的技巧二
.Flash教程:绘制插画的技巧
.Flash CS6中文版安装及激活的方
.Flash教程:打造鼠标触发的焰火飘
.Flash教程:打造鼠标触发的焰火飘
.Flash教程:Flash AS3学习源代码
.Flash教程:Flash动画如何转成GI
.Flash教程:如何解决Flash画面运
.Flash教程:用Flash CS4文字颜色
.Flash教程:CS6中文版简单安装方
.Flash教程:Flash雪花脚本的编写
Word教程网
Excel教程网
Dreamweaver
教程网
Fireworks教程网
PPT教程网
FLASH教程网
PS教程网
HTML教程网
DIV CSS教程网
FLASH AS教程网
ACCESS教程网
SQL SERVER教程网
C语言教程网
JAVASCRIPT教程网
ASP教程网
ASP.NET教程网
CorelDraw教程网
关于我们
|
教程购买
|
广告刊登
|
网站地图
|
湖北继续教育网
|
QQ:2693987339(点击联系)购买教程光盘
地址:湖北省武汉市曹家湾32号501室 电话:027-86646545 15972130058
--
教程购买问题汇总
21视频教程网专业的网站开发视频教程学习网站
ICP备案号:
鄂ICP备14009716号-13
公安备案号:
42011102002974
看全部视频教程
购买方式/价格
:
咨询客服
tel:
15972130058