📜  Adobe RoboHelp-添加DHTML效果(1)

📅  最后修改于: 2023-12-03 14:59:11.673000             🧑  作者: Mango

Adobe RoboHelp-添加DHTML效果

Adobe RoboHelp是一款用于创建和发布技术文档的工具。其集成了一系列的DHTML效果,可以为文档增加互动性和视觉效果。本文将介绍如何在RoboHelp中添加DHTML效果。

DHTML效果的种类

RoboHelp提供了以下几种DHTML效果:

  • Expanding Text - 可以展开/收起文本块。
  • Expanding Hotspot - 可以展开/收起图像或文字。
  • Dropdown Hotspot - 当鼠标悬停在热点上时,下拉菜单将出现。
  • Flyout Text - 可以在页面上显示文本块。
  • Dynamic Dropdown - 可以动态地更改下拉菜单的内容和布局。
  • Dynamic Filtered List - 可以根据用户输入的关键字来过滤列表。
添加DHTML效果

以下是在RoboHelp中添加DHTML效果的步骤:

  1. 在RoboHelp中打开要添加DHTML效果的页面。

  2. 在左侧的“Contents”窗格中,选择要添加DHTML效果的段落或图像。

  3. 单击“Insert”菜单中的“DHTML Effects”选项。

  4. 选择要添加的DHTML效果。

  5. 配置效果的选项,并单击“OK”。

  6. 在“Design”视图中查看效果,确保它按预期工作。

示例代码

以下是一个示例代码片段,展示如何使用RoboHelp添加扩展文本效果:

<h1>标题</h1>
<span style="font-weight:bold;">点击这里展开/收起文本</span>
<div style="display:none;">
    <p>这是要隐藏和展开的文本。</p>
</div>

在RoboHelp中,我们可以使用简单地“Insert > DHTML Effects > Expanding Text”对话框来实现相同的效果。

总结

本文介绍了RoboHelp中的几种DHTML效果,并给出了添加DHTML效果的步骤和示例代码。添加DHTML效果可以使技术文档更加互动和视觉化,提高读取体验和阅读效率。