注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

清风的博客

我为人人,人人为我。

 
 
 

日志

 
 

图片展示  

2013-12-19 23:46:00|  分类: 【flash教程】 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

  图片自动变换,鼠标指向不同链接 图片也相应变换。

  里面都有嵌套的存在 就是一层套一层的意思

     这个例子里有一个 按钮和 四个对应的 图片

  新建一个影片剪辑 取名为“灰” 在图层1 画一个 白框 不带边的 如下图 :( 注意 属性面板里的X Y轴都改为 0 这是为了方便以后管理 要养成习惯哦 )

  图层2是 文字层 写了“图片1”几个字

图片展示 - 清风 - 清风的博客

然后照葫芦画瓢再做3个 影片剪辑 分别取名为 “红” “绿” “青” 如下图:

图片展示 - 清风 - 清风的博客


图片展示 - 清风 - 清风的博客


图片展示 - 清风 - 清风的博客

下面以名字为”灰“的影片剪辑为例 其余的类似!

新建 影片剪辑 取名为“变灰” 把 名字为 “灰”的影片剪辑拖到里面去 还是放到 属性坐标为X :0 Y :0 的地方 然后在第10真 插入关键真 在第1真选择色调 调整为白色 右键第1真选 创建补间动画 做一个 白色到 灰色的渐变 点最后一真 按F9 加入命令 stop();

下面新建一个影片剪辑 取名为”主文件“

图层如下图:

图片展示 - 清风 - 清风的博客

具体讲解:

PP层放着 变灰 变红 变绿 变青 四个 影片剪辑 每个占一真

txt层放着 上面四个剪辑的 对应的解释文字

action层其实只有一种命令 stop(); 分成四真 和上面的一一对应

再做一个按钮 两真 为了逼真 做出了 阴影效果

回到主场景中 先看时间轴截图:

图片展示 - 清风 - 清风的博客


具体讲解:

xian层 是为了阴影效果 做的几条直线 而已

btn层 放了四个按钮 选择第1个按钮 按F9 加入如下代码:


on(rollOver){ //鼠标滑过 ,则播放图片MC第1帧 ,并清除掉延时函数;
pic_show.gotoAndPlay(1);
clearInterval(timer);
}
on(rollOut){ //鼠标滑出时 重新开始延时函数的执行~
timer = setInterval (next_pic,2000);
}

其余三个类似 只是要把1换为2 3 4

mc层就放着 ”主文件“ 这个影片剪辑

as层代码如下:


function next_pic(){ //自定义函数,用于控制图片MC的播放,函数名为next_pic
if(pic_show._currentframe == 4){//如果当前帧为第4帧,则转到第一帧;
pic_show.gotoAndPlay(1);
}else{//如果不是,则播放下一帧;
pic_show.nextFrame();
}
}
timer = setInterval (next_pic,2000); //每间隔2秒执行一次next_pic函数.timer是这个延时函数的ID 便于后面清除它~

FLASH还有 网站连接 只是在上面加了一个 透明度为0的 按钮 在按钮上加上连接

点击这里下载源文件

  评论这张
 
阅读(65)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017