Make Www.Edu-cn.Com Your Home Page!
用户名: 密码: 验证码: 注册
  当前位置: > 中国教程网>网站建设>Frontpage> 如何使用Microsoft FrontPage 2000制作动态按钮

如何使用Microsoft FrontPage 2000制作动态按钮

作者:佚名   来源:中国教程网   点击:   日期:2007-04-02

  你一定看到过很多网页上的动态按钮效果,一般而言实现它需要后台的Script(或Script)网页脚本语言支持,对于只懂使用初级的“所见即所得”网页编辑器的人来说确实是个难题。现在我们就来学一学制作动态按钮的“傻瓜式”方法。我们以制作一个中英文切换的按钮为例。

  其实,动态按钮的实现原理都是一样的,首先制作按钮的图片,然后通过脚本语言捕获鼠标在按钮上的事件,对事件做出交换图片的响应。在Frontpage 2000里有交换图片的现成语言包。

AOE3 STUDIO

  首先在Photoshop或Firework里制作两张用于交换的按钮图片,大小均为:宽度80象素;高度15象素,并在其中输入按钮的文字,注意两张图片文字的相对位子应基本一致。
中国教程网

  在Frontpage中插入一个表格,大小与按钮图片的大小相同(宽80象素,高15象素),点击插入图片按钮,在表格内插入初始化显示的按钮图片,即按钮在未进行动态变换时显示的那张图片,在这个例子中我们选择有“English Button”字样的图片为初始图片。接下来我们就开始为它做动态效果。选择菜单“格式”-“动态HTML效果”,出现动态HTML效果的对话框。确保要做动态变换的图片为选中状态的前提下,在DHTL效果多话框内将“开启”选项选择为“鼠标悬停”;应用选择为“交换图片”;并在下面一个选项内指定路径为用于交换的“中文按钮”图片所在的路径。

www.edu4u.com.cn

  好了,一个动态按钮效果的“傻瓜”式制作方法完成了。网页保存后会有一个名为animate.js的脚本文件,你可以通过记事本打开它,这里面的就是有Frontpage自动生成的脚本语言包。动态按钮效果在Frontpage里可以轻松的实现,你也可以改变用于交互的两张图片按照你的需要制作,注意在制作按钮图片时一定要设置两张图片的大小完全一致。 edu4u.com.cn

edu-cn.com

AOE3 STUDIO

中国论文网

edu4u.com.cn



文章评论】 【收藏本文】 【推荐好友】 【打印本文】 【论坛讨论

   最新文章:
·FrontPage 2003九大新功能(04-02)
·在FrontPage 2000中插入Flash动画(04-02)
·Frontpage2000中文教程:第一章 认识(04-02)
·Frontpage2000值得学习的10个操作技(04-02)
·FrontPage使用技巧之在一张图片上制(04-02)
·体验FrontPage2000的映射制作(04-02)
·图解微软网页设计软件Quartz主要功能(04-02)
·用FrontPage 2000创建网页动画(04-02)
·用FrontPage 2000使图像“减肥”(04-02)
·Frontpage2000中文教程:第二章 创建(04-02)
   相关文章:
·Frontpage2000中文教程:第三章 制作你的 ·FrontPage使用技巧之在一张图片上制作多
·Frontpage2000中文教程:第二章 创建一个 ·FrontPage巧制网站目录
·Frontpage2000中文教程:第一章 认识Fron ·FrontPage 2003九大新功能
·用FrontPage轻松转换图片格式 ·在FrontPage 2000中插入Flash动画
·图解微软网页设计软件Quartz主要功能 ·提高FrontPage 2002使用效率

   文章评论:(0条)
  
用户名: 新注册) 密码: 匿名评论
评论内容:(不能超过250字,需审核后才会公布,请自觉遵守互联网相关政策法规。

 §最新评论:

  责任编辑:中国教程网  

© 2007 Copyright 中国教育网
DesignBy:AOE3 STUDIO & ROCOCO