///pc/img/blank.gif" width="12" height="8">当前位置:///default.htm" class="under">亿度网络 -> ///pc/index.htm" class="under">网页制作教程 -> Flash实例


/pc/bin/msg.pl?file_id=k_flashjq9 target="_blank">///pc/img/message.gif" width="64" height="54" alt="请您留言" border="0">
谈谈您的看法

///pc/img/blank.gif" width="1" height="1">
9.动态长方形按钮

预览成品:

///pc/homepage/flashsl/flash09/swf/btn02.zip">下载源程序

逐步说明:
  1)选择菜单File->New,建立一个新电影。

///pc/homepage/flashsl/flash09/img/flashnew.gif" width="233" height="67" alt="新建菜单">

  2)选择菜单Modify->Movie,设置电影的属性如图所示。

///pc/homepage/flashsl/flash09/img/flash001.gif" width="344" height="203" alt="电影属性对话框">

  3)选择菜单Insert->New Symbol,///pc/homepage/flashsl/flash09/img/flash002.gif" width="107" height="60" align="absmiddle" alt="插入图符菜单">

 

弹出图符属性对话框,在Name域中输入图符的名称btn,Behavior域中选择Btton项。

///pc/homepage/flashsl/flash09/img/flash003.gif" width="247" height="123" alt="按钮图符对话框">

点击OK按钮,这时将进入btn按钮图符编辑模式。

///pc/homepage/flashsl/flash09/img/flash004.gif" width="339" height="101" alt="按钮编辑">

  4)利用我们在特效中所使用的技巧,画出如图所示的图形。

///pc/homepage/flashsl/flash09/img/flash005.gif" width="367" height="131" alt="按钮一般状态">

  5)分别用鼠标右键点击等时线窗口图层Layer1的Over帧和Down帧,在弹出的菜单中选择Insert Keyframe项,使这两帧变为关键帧。
  6)选中图层Layer1的Over帧,改变它的图形为如图所示。

///pc/homepage/flashsl/flash09/img/flash006.gif" width="387" height="129" alt="按钮的经过状态">

选中图层Layer1的Down,改变它的色彩为如图所示。

///pc/homepage/flashsl/flash09/img/flash007.gif" width="346" height="122" alt="按钮的按下状态">

  7)点击等时线窗口左上角的Scene1,切换到场景1。///pc/homepage/flashsl/flash09/img/flashcj.gif" width="148" height="27" align="absmiddle" alt="场景按钮">
  
8)选择菜单Window->Library,

///pc/homepage/flashsl/flash09/img/flashtk.gif" width="132" height="160" alt="建立图库菜单">

打开图符资料库窗口,选中我们刚编辑完的按钮,

///pc/homepage/flashsl/flash09/img/flash008.gif" width="160" height="197" alt="图符资料库">

用鼠标拖动Name栏上方的图形到工作区中央,如图所示。

///pc/homepage/flashsl/flash09/img/flash009.gif" width="389" height="124" alt="最终程序">

  9)选择菜单Control->Test Movie,把鼠标移动到按钮上方并按下即可看到我们所制作按钮的效果。


上一实例(动态圆形按钮)  下一实例(够cool按钮)

/pc/bin/msg.pl?file_id=k_flashjq9 target="_blank">///pc/img/message.gif" width="64" height="54" alt="请您留言" border="0">
谈谈您的看法

 

网页制作 网页设计 网站建设 网站设计 网站制作 做网站 做网页