您现在的位置: 圆点视线 >> 教程 >> flash教程 >> 实例教学 >> 文章正文
[图文]Flash特效:鼠标触发模糊图片变清晰           ★★★
Flash特效:鼠标触发模糊图片变清晰
作者:hairan  文章来源:天极Yesky  点击数:  更新时间:2007-7-11 12:11:55 
 页面功能:【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口 【字体:
这个互动特效很有意思:大家将鼠标指针放到模糊图片上,即可看到清晰的效果,现在我们就来一起制作这个flash特效。主要是讲解Flash8的blur滤镜,利用Actonscript调用blur滤镜实现由模糊到清楚的效果。

  效果如下,不给大家提供源文件了,非常简单的!


大家将鼠标指针放到模糊图片上,即可看到效果

  首先准备好四幅大小相同的图片,然后蹈入到Flash中,都分别转换为按钮元件。

Flash8制作图片由模糊到清楚效果

  然后把四个按钮分别都拖拽到舞台上来,位置摆放好。并且分别为他们命名实例名:link1_btn、link2_btn、link3_btn、link4_btn。

Flash8制作图片由模糊到清楚效果

  然后新建立一个层,添加代码:

Flash8制作图片由模糊到清楚效果

  代码如下:

 import flash.filters.BlurFilter;
var blurred:BlurFilter = new BlurFilter(5, 5, 4);
var myFilters:Array = [blurred];
link1_btn.filters = link2_btn.filters = link3_btn.filters = link4_btn.filters = myFilters;
link1_btn.onRollOver = link2_btn.onRollOver = link3_btn.onRollOver = link4_btn.onRollOver = function() {
  this.filters = null;
}
 link1_btn.onRollOut = link2_btn.onRollOut = link3_btn.onRollOut = link4_btn.onRollOut = link5_btn.onRollOut = function() {
  this.filters = myFilters;
}

  代码很好理解,按Ctrl+enter测试就好了!

 【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】 文章录入:hairan    责任编辑:hairan  【字体:
 
  • 上一篇文章:

  •  
  • 下一篇文章:
  • 最新文章
    相关文章
    用Dreamweaver MX创造网页鼠标样式
    Dreamweaver8轻松实现文本的段落缩进
    用Flash和FlashForge制作三维屏保
    用Flash 8.0轻松打造精致图标
    Maya骨架脚本插件Rig-o-matic发布
    Dreamweaver里使用层的一些建议
    网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)
    发表评论:
     姓  名: 评 分: 1分 2分 3分 4分 5分
     评论内容: ·严禁发表危害国家安全、政治、黄色淫秽等内容的评论。
    ·用户需对自己在使用本网服务过程中的行为承担法律责任
    ·本站管理员有权保留或删除评论内容。
    ·评论内容只代表机友个人观点,与本网站立场无关。
     
    最 新 推 荐
     
    百度主题推广
    最 新 热 门