网页中交互式按钮的制作
2007-03-17 01:47
267 查看
网页中交互式按钮的制作方法很多,可能的比较容易实现的方法有;
Flash 中的交替图像按钮一直是网页爱好者喜欢的动画按钮,在 Dreamweaver 中只需要几步简单的操作,就可以制作出这些极具动感的交替图像按钮,而且占用空间少。
效果说明:建立一组相互交替的图像,当鼠标移至目标图像上时,会显示出另外一幅图像,就像会动的按钮,既动感,又时尚。
创作思想:打开 Dreamweaver MX 2004 软件,执行【插入】 【图像对象】 【鼠标经过图像】命令,或者单击工具栏中 下拉菜单里的【鼠标经过图像】命令,按要求进行设置,最后保存文件完成制作。
操作步骤
( 1 )打开 Dreamweaver MX 2004 软件新建HTML文件。
( 2 )单击插入菜单,选择图象对象,鼠标经过图象,如图1所示。
( 3 )打开【插入鼠标经过图像】对话框,按图2所示进行设置,选择图像文件。
提示:注意图象文件的位置,最好和该网页文件在同一目录下。
( 4 )按快捷键 Ctrl+S 保存文件。本实例操作完毕。交换按钮如果结合按钮特效,效果将会更好。
Flash 中的交替图像按钮一直是网页爱好者喜欢的动画按钮,在 Dreamweaver 中只需要几步简单的操作,就可以制作出这些极具动感的交替图像按钮,而且占用空间少。
效果说明:建立一组相互交替的图像,当鼠标移至目标图像上时,会显示出另外一幅图像,就像会动的按钮,既动感,又时尚。
创作思想:打开 Dreamweaver MX 2004 软件,执行【插入】 【图像对象】 【鼠标经过图像】命令,或者单击工具栏中 下拉菜单里的【鼠标经过图像】命令,按要求进行设置,最后保存文件完成制作。
操作步骤
( 1 )打开 Dreamweaver MX 2004 软件新建HTML文件。
( 2 )单击插入菜单,选择图象对象,鼠标经过图象,如图1所示。
( 3 )打开【插入鼠标经过图像】对话框,按图2所示进行设置,选择图像文件。
提示:注意图象文件的位置,最好和该网页文件在同一目录下。
( 4 )按快捷键 Ctrl+S 保存文件。本实例操作完毕。交换按钮如果结合按钮特效,效果将会更好。
相关文章推荐
- 网页制作中九种用途特效按钮的代码
- photoshop制作黑色风格的网页按钮教程
- Photoshop教程:制作质感3D网页按钮
- 简单制作网页分享按钮
- 纯CSS制作各种各样的网页图标(三角形、暂停按钮、下载箭头、加号等)
- 30 个使用 CSS3 制作网页按钮的教程 30 Examples of CSS3 Buttons Tutorials
- 超酷网页变形Flash按钮-Flash-网页制作
- web网页按钮如何制作
- 如何制作网页中回到顶部的悬浮按钮
- 一分钟就能制作出漂亮的网页按钮
- javascript、css、html来制作交互式网页的一些必备技巧
- 制作 Facebook 风格的网页按钮(无需图片)
- 如果制作网页中浮动广告条的关闭按钮
- 20余款网页按钮和标志生成站点(在线按钮制作)~ - 恋上CSharp - 博客园
- PS制作精美的网页按钮设计教程
- 网页按钮图片制作工具(Web版)
- 一分钟就能制作出漂亮的网页按钮(图)
- 如何制作好看的网页按钮
- 超酷网页变形Flash按钮-Flash-网页制作
- Asp.net点击按钮弹出文件夹选择框的实现(网页)