Flash 鼠标响应显示图片的动画效果
1.在这里我们只要新建一个actionscript 2.0文档就行了.
接下来我们新建一个300360象素大小的文档,帧频为12fps.
2.使用矩形工具画出一个带有白色边框的矩形,大小为300300px;接下来,我们选择右击鼠标,在弹出的菜单选择"转换为元件"转换成"影片剪辑",名字可以随意命名.要注意一点,其属性的命名:"viewer"如下图所示:
3.双击这个"影片剪辑"进行编缉状态.在这之前你得先把图片导入到库里面.
4.按键盘上的"F6"插入空白关键帧.从第2帧到第6帧(每一张图片,一个帧).
5.这样子我们就有了6个关键帧.我们选择第一个帧,使用"文字工具"写上"please an image".
6.我们在这一帧里添加一个动作.右击在弹出的菜单选择"动作",添加动作代码:
s();
从第二帧开始把库里面的图片放进去,效果如下图:
7.返回到场景中,现在我们来做一些缩略图,把图片从库里拖出修改为6060,并把它们放在"矩形影片剪辑"的狼蚁网站SEO优化.
接下来,我们把这几个缩略图,转换成按扭.按键盘上的"F8"在弹出的窗口选择按扭.
8.现在最神奇的一步就要出来了,呵呵....
选中按扭,右击在菜单中选择"动作",然后给这个按扭添加如下代码:
on (release) {
viewer.gotoAndS ( x );
}
在这边“X”是缩略图在“viewer”影片剪辑所在的位置。
我们现在要做的效果是当鼠标滑过的时候就可以显示图片,那么我们要给每个按扭添加如下的代码
on (rollOver) {
viewer.gotoAndS ( x );
}
on (rollOut) {
viewer.gotoAndS (1);
}
按ctrl+enter测试。
平面设计师
- 免费平面设计网站 免费平面设计绘图软件
- 平面设计基础知识题库
- 平面设计基础学包括哪些
- ui设计师工资一般多少 北京ui设计师工资一般多少
- 平面设计技巧方法 平面设计技巧总结
- 哪里的平面设计培训班比较好 哪家平面培训设计
- 哪些人不适合学平面设计 平面设计师工资一般多
- 女生学习平面设计还有其独特的优势
- 平面设计大学专业叫什么 平面设计大学专业叫什
- ui就业前景和工资待遇 ui就业前景和工资待遇怎么
- 平面设计ps入门教程 平面设计photoshop 基本操作方
- 免费学平面设计教程 平面设计免费教程网站
- 平面设计就业方向有哪些 平面设计专业就业前景
- 女生学什么设计前景好 女孩学什么设计好赚钱
- 什么人适合学平面设计 学平面设计后悔死了
- 平面设计内容有哪些 平面设计内容包括什么