关于我们 广告服务 社区论坛
设为首页 加入收藏

行业新闻
服 务 器
模版下载
建站指南
冲浪宝典
办公软件
网站运营
操作系统
QQ 专题
网页制作
安全防御
视频教程
网络编程
SEO专区
软件下载
图像设计
Cisco
网页特效
Wap 技术
联盟赚钱
网页素材
 首页 | 企业建站 | 网页制作 | 网站运营 | 网络编程 | 图像设计 | 冲浪宝典 | 操作系统 | SEO专区 | 联盟赚钱 | Cisco

欢迎来到e天下网络首页>>图像设计>>FLASH>>正文|仿CCTV的一种Flash效果

仿CCTV的一种Flash效果

[ 来路:闪吧      时间:2007-7-10 3:33:10    点击: ]

 

  看看下面这个
  http://www.cctv.com/culture/index.shtml

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

  下面偶会给出这个效果的 教程 可能有点深 因为用到ACTION 其实大家都一样 都是从不会到会 如果你看到 ACTION 就打退堂鼓 说明你永远也 学不好FLASH !

  不信你问问我们的火星书记 他当初学的时候经历了多少困难?! 才由小虾米变成大虾米的! 感谢书记大力提供技术支持 他真素一个好银!

  不罗嗦了 开始了!

  首先 偶要提到 嵌套的概念 很多人都学过 编程语言 里面都有嵌套的存在 就是一层套一层的意思 因为下面会用到 但偶只是照着自己的理解去说 不知道大家能明白不?

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

  新建一个影片剪辑 取名为“灰” 在图层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 便于后面清除它~

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

点击这里下载源文件

::::站长友情提示:多花一分钟学点什么都好::::

 

上一篇:在Flash中侧转视角的绘法  下一篇:用Flash制作精美珠链

 ::热点信息::

 

= = 免责声明 = =

① 欢迎转载我网所刊信息,请注明“来源:E天下网络”。
② 凡本网注明“来源:XXX(非E天下网络)”的作品,均转载自其它媒体,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如因作品内容、版权和其它问题需要同本网联系的,请在30日内进行。
※联系方式:Airtofly@163.com

::推荐文章::

 

Photoshop 轻松打造神秘银河系

::网页制作::

 

初学:什么是DIV+CSS?有什么
网页制作实例CSS用一张图片实
用CSS控制图片自适应大小的方
小技巧:CSS列表标签出现问题
CSS网页设计中使用背景图片须
想让DIV居中,如何编写CSS的
总结两年以来使用DIV网页排版
DIV CSS技巧:对CSS命名的一
更多内容..

 

 

关于我们 广告服务 友情链接 合作伙伴 社区论坛 免责声明

Copyright © 2007   21kn.com Inc. All rights reserved.e天下网络工作室

网站白天客服QQ:26875416 (非24小时)  合作QQ:597004688    粤ICP备06026423号