首页  韩国资源  酷站加油  我的展厅  设计名站  古典元素  推荐下载  设计欣赏  每周专访  招募精英  人才专区  网页教程  平面设计  编程开发  设计竞赛
当前位置:首页 > 网页教程 > Flash教程 > 正文
Google
Flash制作动感网页链接提示框
来源:68design.net 作者:中国电脑教育报廖年 2005年12月29日 21:15 网友评论:0条 点击:
  当鼠标移到某个按钮或其他超级链接的时候,鼠标附近会出现一个小小的提示框,对此链接进行一定的介绍。这样一来可以为访客带来浏览方便,二来亦可为网站带来实用的动感效果。这在网站制作上是颇为实用的。下面我们就利用Flash来将其实现: 

  1、启动Flash 5.0,在“Insert”菜单中选择“New Symbol”项,然后在弹出的“Symbol Properties”对话框中填入此符号的名称。再选中下面复选框中的“Button”一项(即选择“按钮”符号属性),之后单击“确定”返回。 

  2、确定后会出现按钮符号的编辑窗口。可以发现时间轴出现了“Up”、“Over”、“Down”、“Hit”4个帧(代表了此按钮符号的4种不同的状态)。我们先在“Up”帧处插入用来做链接的对象(例如链接文字或按钮图片)。这里我们插入一幅按钮的图片。之后在“Over”帧中右击鼠标,从弹出的菜单中选择“Insert keyframes”选项,即在此处插入一个关键帧,也就是将“Up”帧中的内容复制到“Over”帧里面。然后在“Over”帧中对按钮图片做相应的修改(例如放大或缩小一些)。 

  3、在层显示窗口中右击当前层,从弹出的菜单中选择“Insert Newlayer”命令插入一个新图层。然后用鼠标右击新增图层的“Over”帧,从弹出的菜单中选择“Insert Frank keyframe”命令插入空白关键帧。在该帧中制作提示框。提示框的形状可以由自己设计。绘制形状也可以用矩形、椭圆或铅笔工具进行创建,在建立提示框的形状后别忘了在上面用文本工具写上要说明的文字。在这一步里需要注意的是,提示框的出现位置会随着你绘制的位置而改变,因此在绘制提示框的时候请将其绘制在你想出现提示框的位置处。制作完成后其时间轴如图1所示。 


图1 

  4、完成以上操作后,点击层显示处上面的“Scene”回到主编辑画面。若想为此按钮创建超级链接,则在按钮上双击,选择“Frame Actions”对话框。然后输入下面的代码即可: 

  on(release){ getUrl(""); } 

  其中,“getUrl("")”括号里面的就是你想要链接的网页的域名。 

  5、在“Windows”菜单中点击“Library”选项调出图库窗口。我们可以看到在图库窗口里有我们刚才创建的按钮符号,这时我们只要将该按钮符号移到主编辑界面中,然后按下“Ctrl+Enter”即可预览当中的效果了(效果如图2所示)。 



图2 

  在网页制作上,一般的按钮或超链接缺乏对链接对象的详细说明,利用以上方法我们就可以很方便地为网站里的超链接介绍其相关内容与信息了。


作者:  当鼠标移到某个按钮或其他超级链接的时候,鼠标附近会出现一个小小的提示框,对此链接进行一定的介绍。这样一来可以为访客带来浏览方便,二来亦可为网站带来实用的动感效果。这在网站制作上是颇为实用的。下面我们就利用Flash来将其实现: 

  1、启动Flash 5.0,在“Insert”菜单中选择“New Symbol”项,然后在弹出的“Symbol Properties”对话框中填入此符号的名称。再选中下面复选框中的“Button”一项(即选择“按钮”符号属性),之后单击“确定”返回。 

  2、确定后会出现按钮符号的编辑窗口。可以发现时间轴出现了“Up”、“Over”、“Down”、“Hit”4个帧(代表了此按钮符号的4种不同的状态)。我们先在“Up”帧处插入用来做链接的对象(例如链接文字或按钮图片)。这里我们插入一幅按钮的图片。之后在“Over”帧中右击鼠标,从弹出的菜单中选择“Insert keyframes”选项,即在此处插入一个关键帧,也就是将“Up”帧中的内容复制到“Over”帧里面。然后在“Over”帧中对按钮图片做相应的修改(例如放大或缩小一些)。 

  3、在层显示窗口中右击当前层,从弹出的菜单中选择“Insert Newlayer”命令插入一个新图层。然后用鼠标右击新增图层的“Over”帧,从弹出的菜单中选择“Insert Frank keyframe”命令插入空白关键帧。在该帧中制作提示框。提示框的形状可以由自己设计。绘制形状也可以用矩形、椭圆或铅笔工具进行创建,在建立提示框的形状后别忘了在上面用文本工具写上要说明的文字。在这一步里需要注意的是,提示框的出现位置会随着你绘制的位置而改变,因此在绘制提示框的时候请将其绘制在你想出现提示框的位置处。制作完成后其时间轴如图1所示。 


图1 

  4、完成以上操作后,点击层显示处上面的“Scene”回到主编辑画面。若想为此按钮创建超级链接,则在按钮上双击,选择“Frame Actions”对话框。然后输入下面的代码即可: 

  on(release){ getUrl(""); } 

  其中,“getUrl("")”括号里面的就是你想要链接的网页的域名。 

  5、在“Windows”菜单中点击“Library”选项调出图库窗口。我们可以看到在图库窗口里有我们刚才创建的按钮符号,这时我们只要将该按钮符号移到主编辑界面中,然后按下“Ctrl+Enter”即可预览当中的效果了(效果如图2所示)。 



图2 

  在网页制作上,一般的按钮或超链接缺乏对链接对象的详细说明,利用以上方法我们就可以很方便地为网站里的超链接介绍其相关内容与信息了。

上一篇:网页设计中制作Flash站点的技巧   下一篇:创建一个Flash站点的十大技巧
收藏此页】【打印】【关闭
 相关文章  我要点评

免责声明:本站刊载此文不代表同意其说法或描述,仅为提供更多信息,也不构成任何建议。对本文有任何异议,请联络:68design#163.com
转载要求:作者及来源信息必需保留。转载之图片、文件,链接请不要盗链到本站,且不准打上各自站点的水印。



关于我们 | 在线反馈 | 广告报价 | 友情链接 | 联系我们 | 免责声明 | 在线投稿 | 网站地图
Copyright © 2003-2007 68design.net, All Rights Reserve 【找网页设计师,当然上网页设计师联盟】