用Flash做点击页面图片切换效果的超级详细教程

第一步
1、新建flash文档
2、文件--导入--导入到库，导入5张图片
3、在图层一第1帧，从库里拉入一张图片到舞台，调整到适当大小，右键转换为元件---元件类型选影片剪辑，名称为pic1；

在图层一第30帧插入空白关键帧，从库里拉入第二张图片到舞台，调整到适当大小，右键转换为元件---元件类型选影片剪辑，名称为pic2；

在图层一第60帧插入空白关键帧，从库里拉入第三张图片到舞台，调整到适当大小，右键转换为元件---元件类型选影片剪辑，名称为pic3；

在图层一第90帧插入空白关键帧，从库里拉入第四张图片到舞台，调整到适当大小，右键转换为元件---元件类型选影片剪辑，名称为pic4；

在图层一第120帧插入空白关键帧，从库里拉入第五张图片到舞台，调整到适当大小，右键转换为元件---元件类型选影片剪辑，名称为pic5；

在图层一第150帧插入帧。
第二步
4、新建图层（图层二）
5、用矩形工具，在舞台画一个矩形（图片序号背景那个矩形），选中矩形右键，转换为元件---元件类型选影片剪辑，名称为n1，影片剪辑实例名也为n1；

复制图形在舞台同样绘制出n2、n3、n4、n5五个影片剪辑元件，并把他们按照顺序排好。
6、点击第一帧，添加帧标签为pic1；

在第三十帧插入关键帧，添加帧标签为pic2；

在第六十帧插入关键帧，添加帧标签为pic3；

在第九十帧插入关键帧，添加帧标签为pic4；

在第一百二十帧插入关键帧，添加帧标签为pic5；

在第一百五十帧插入帧。
7、在第一帧，点击n1，设置属性颜色选择色调为红色；

在第三十帧，点击n2，设置属性颜色选择色调为红色；

在第六十帧，点击n3，设置属性颜色选择色调为红色；

在第九十帧，点击n4，设置属性颜色选择色调为红色；

在第一百二十帧，点击n5，设置属性颜色选择色调为红色。
第三步
8、新建图层（图层三）
9、在第一帧，对应图层二的五个矩形框上方分别输入1、2、3、4、5
10、在第一百五十帧插入帧。
第四步
11、新建图层（图层四）G633 Padang Light Spider Cream kunma marble
12.点击第一帧，右键---动作，在动作面板中输入如下代码：
n1.useHandCursor=false
n2.useHandCursor=false
n3.useHandCursor=false
n4.useHandCursor=false
n5.useHandCursor=false
n1.onRelease = function() {
gotoAndPlay("pic1");
};
n2.onRelease = function() {
gotoAndPlay("pic2");
};
n3.onRelease = function() {
gotoAndPlay("pic3");
};
n4.onRelease = function() {
gotoAndPlay("pic4");
};
n5.onRelease = function() {
gotoAndPlay("pic5");
};

12、在第一百五十帧插入帧。
至此全部结束，控制---测试影片看看效果

用Flash做点击页面图片切换效果的超级详细教程相关推荐

html鼠标滑轮换图片,JavaScript实现鼠标滚轮控制页面图片切换
鼠标上的滚轮是一个不错的东东,为什么这么说,因为它能帮助我们快速的浏览网页,快速的进行长篇文章的阅读.对于web前端的我们来说又怎么能不注重这个鼠标滚轮呢,那么它能如何让用户更好的浏览网页呢?本文主要 ...
click 点击图片不起作用_JavaScript 练手小案例：基于SVG的图片切换效果
最近太忙了,自动来到rjxy后,不晓得怎么回事,忙的都没时间更博了. 昨天还有个同学跟我说,你好久没更新博客了.. 甚为惭愧~~ 正好12月来了,今天开一篇. 最近上课讲到了 SVG,不晓得同学们理解 ...
php幻灯片切换,JavaScript_JS实现FLASH幻灯片图片切换效果的方法，本文实例讲述了JS实现FLASH幻灯 - phpStudy...
JS实现FLASH幻灯片图片切换效果的方法本文实例讲述了JS实现FLASH幻灯片图片切换效果的方法.分享给大家供大家参考.具体实现方法如下: JS模拟FLASH幻灯片图片切换效果 /* ul,li{ ...
html鼠标点击切换图片,js鼠标点击图片切换效果代码分享
本文实例讲述了js鼠标点击图片切换效果.分享给大家供大家参考.具体如下: 实现原理很简单,其实是多张图片叠加起来,点击图片后依次赋予图片一个class,使其看起来在表面而已,点击图片,可以实现图片的不 ...
js实现轮播图(点击小图片切换大图片+自动切换)
js实现轮播图(点击小图片切换大图片+自动切换) 实现效果如下: 点击小图切换大图和轮播标题,点击左右按钮大小图和轮播标题切换,鼠标进入清除定时器,鼠标移出恢复轮播 html代码如下: <div ...
android 按钮图片切换动画效果,Button按钮点击图片切换效果
Button按钮图片切换效果设置. 通常在工程中用到图片按钮点击事件,大多都用ImageButton.在这里我们用 Button的点击事件,在图片的切换过程中不再通过setBackgroundReso ...
html图片转换特效,css3图片切换效果
本教程将带给大家一些很酷的图片切换效果的制作方法.为了使大家看到不同的效果,我们准备了三种不同的例子:图片切换.全屏幻灯片和一些产品展示.这些效果不仅仅可以运用在幻灯片中.但在我们的例子中,都是以幻灯 ...
html+css+jquery,html+css+js(+JQuery)制作扑克牌图片切换效果
先把静态页面写出来: index.html jquery制作扑克牌图片切换效果此时的效果是这样的: 分析: 背景颜色图片的位置图片的边框.圆角以及阴影让图片动起来 index.css代码: * ...
android如何自定义viewpager,Android自定义ViewPager实现个性化的图片切换效果
第一次见到ViewPager这个控件,瞬间爱不释手,做东西的主界面通通ViewPager,以及图片切换也抛弃了ImageSwitch之类的,开始让ViewPager来做.时间长了,ViewPager的 ...

用Flash做点击页面图片切换效果的超级详细教程

用Flash做点击页面图片切换效果的超级详细教程相关推荐

最新文章

热门文章