• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >Frontpage教程 > 用FrontPage 2000快速制作动态按钮

用FrontPage 2000快速制作动态按钮

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-07-06

本文主要包含frontpage选项按钮,frontpage按钮,frontpage插入按钮,frontpage交互式按钮,frontpage动态效果等相关知识,佚名希望在学习及工作中可以帮助到您

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

  其实,动态按钮的实现原理都是一样的,首先制作按钮的图片,然后通过脚本语言捕

获鼠标在按钮上的事件,对事件做出交换图片的响应。在FrontPage 2000里有交换图片的现成语言包。

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

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

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


您可能想查找下面的文章:

  • 用FrontPage 2000快速制作动态按钮

相关文章

  • 2017-07-06FrontPage实用小技巧
  • 2017-07-06用FrontPage2000制作动态网页
  • 2017-07-06FrontPage网上筑巢手记—页面美化(三)
  • 2017-07-06认识FrontPage 2002扩充插件之四
  • 2017-07-06实现网页制作中“层”精确定位的绝招
  • 2017-07-06怎样利用Frontpage去下载别人的网站模板
  • 2017-07-06用FrontPage 2000制作鼠标光照特效
  • 2017-07-06FrontPage10全透视教程(11)
  • 2017-08-06Frontpage新手网页超链接制作教程
  • 2017-07-06用最简单的方法制作电子公告牌

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 用最简单的方法制作电子公告牌
    • 如何利用FrontPage2003来开发网站
    • 用FrontPage 2000使图像“减肥”
    • FrontPage10全透视教程(13)
    • FrontPage网上筑巢手记—向导和模板(三)
    • FrontPage10全透视教程(3)
    • 用Frontpage2000来处理图象
    • FrontPage2003 发布网站
    • 认识FrontPage 2002扩充插件之五
    • FrontPage10全透视教程(15)

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有