如何创建使用 DHTML 和 CSS,在 FrontPage 中的窗体按钮的悬停效果

文章翻译 文章翻译
文章编号: 222949 - 查看本文应用于的产品
展开全部 | 关闭全部

概要

FrontPage 2000 和 FrontPage 2002 包含一组丰富的级联样式表 (CSS) 和动态 HTML (DHTML) 创作功能使您可以创建各种悬停效果。本文介绍了您可以创建悬停按钮效果为常规窗体字段按钮通过使用 CSS 的功能和格式的 DHTML。

更多信息

若要创建悬停按钮的窗体域按钮的效果,请按照下列步骤操作:
  1. 创建一个新的空白页。
  2. 插入 菜单上指向 表单,,然后单击 窗体
  3. 若要对默认"提交"按钮颜色,请按照下列步骤操作:

    1. 用鼠标右键单击 提交 按钮,然后单击 窗体字段属性
    2. 单击 样式
    3. 单击 格式,然后单击 边框
    4. 单击 底纹 选项卡。
    5. 单击此处,在 前景颜色背景色 列表中选择一种颜色。
    6. 单击 确定 三次以返回到文档。
  4. 若要将 DHTML 悬停颜色,请按照下列步骤操作:

    1. 单击 提交 按钮。
    2. 格式 菜单上单击 动态 HTML 效果
    3. 列表中单击以选中 鼠标移过
    4. 应用 列表中单击以选中 格式
    5. 单击以选中在列表中的 应用 列表右侧的 选择边框
    6. 单击 底纹 选项卡。
    7. 单击此处,在 前景颜色背景色 列表中选择一种颜色。
    8. 单击 确定,然后关闭 DHTML 效果 工具栏。
  5. 若要移动到提交按钮的悬停色,请按照下列步骤操作:

    1. 切换到 HTML 视图。
    2. 在 HTML 视图中将从该 <p>移动下面的代码 标记到在您 <input>到 标记:
         dynamicanimation="fpAnimformatRolloverFP1"
         fprolloverstyle="background-color: #000000; color: #FFFFFF"
         onmouseover="rollIn(this)"
         onmouseout="rollOut(this)"
         language="Javascript1.2"
      								
      笔记:"背景颜色"和"颜色"的值可能不同于上面的代码中所示。
  6. 必要时重复上一次的几个步骤的 重设 按钮。
  7. 完成前面的步骤时 HTML 代码可能看起来类似于下面的 HTML 代码示例:
       <input type="submit" value="Submit"
          style="background-color: #008000; color: #000000"
          dynamicanimation="fpAnimformatRolloverFP1"
          fprolloverstyle="background-color: #000080; color: #FFFFFF"
          onmouseover="rollIn(this)"
          onmouseout="rollOut(this)"
          language="Javascript1.2">
    
       <input type="reset" value="Reset"
          style="background-color: #800000; color: #FFFFFF"
          dynamicanimation="fpAnimformatRolloverFP1"
          fprolloverstyle="background-color: #000080; color: #FFFFFF"
          onmouseover="rollIn(this)"
          onmouseout="rollOut(this)"
          language="Javascript1.2">
    						
  8. 将此网页保存到"HoverTest.htm"作为桌面和最大限度地减少 FrontPage。
  9. 您会注意到 FrontPage 将保存到桌面以下两个文件:

    • HoverTest.htm。
    • Animate.js。
    第一个文件是您在前面的步骤中创建页,第二个文件的页面将使用 DHTML 函数的集合。
  10. 打开"HoverTest.htm"在 Internet 浏览器 4.0 或更高版本中。请注意在每个按钮上方移动鼠标时您应看到更改颜色

属性

文章编号: 222949 - 最后修改: 2007年1月24日 - 修订: 1.3
这篇文章中的信息适用于:
  • Microsoft FrontPage 2000 标准版
  • Microsoft FrontPage 2002 标准版
关键字:?
kbmt kbbutton kbprogramming kbscript kbforms kbnewfile kbhowto KB222949 KbMtzh
机器翻译
注意:这篇文章是由无人工介入的微软自动的机器翻译软件翻译完成。微软很高兴能同时提供给您由人工翻译的和由机器翻译的文章, 以使您能使用您的语言访问所有的知识库文章。然而由机器翻译的文章并不总是完美的。它可能存在词汇,语法或文法的问题,就像是一个外国人在说中文时总是可能犯这样的错误。虽然我们经常升级机器翻译软件以提高翻译质量,但是我们不保证机器翻译的正确度,也不对由于内容的误译或者客户对它的错误使用所引起的任何直接的, 或间接的可能的问题负责。
点击这里察看该文章的英文版: 222949
Microsoft和/或其各供应商对于为任何目的而在本服务器上发布的文件及有关图形所含信息的适用性,不作任何声明。 所有该等文件及有关图形均"依样"提供,而不带任何性质的保证。Microsoft和/或其各供应商特此声明,对所有与该等信息有关的保证和条件不负任何责任,该等保证和条件包括关于适销性、符合特定用途、所有权和非侵权的所有默示保证和条件。在任何情况下,在由于使用或运行本服务器上的信息所引起的或与该等使用或运行有关的诉讼中,Microsoft和/或其各供应商就因丧失使用、数据或利润所导致的任何特别的、间接的、衍生性的损害或任何因使用而丧失所导致的之损害、数据或利润不负任何责任。

提供反馈

 

Contact us for more help

Contact us for more help
Connect with Answer Desk for expert help.
Get more support from smallbusiness.support.microsoft.com