第五章 Bootstrap的按钮和下菜单

已于 2023-12-19 17:10:27 修改
阅读量1.8k 收藏 38
点赞数 30
分类专栏： 前端学习 文章标签： bootstrap 前端 html
于 2023-12-19 17:09:53 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/mlfc0422/article/details/135086394
版权

目录

1.按钮

1.样式

2.尺寸

3.状态

2.按钮组

1.工具栏

2.按钮组尺寸

3.下拉菜单

1.单个按钮

2.对齐

3.标题与分割线

4.状态

4.按钮下拉菜单

1.按钮下拉菜单

2.分裂按钮下拉菜单

3.尺寸

Bootstrap 提供了按钮（Button）和下拉菜单（Dropdown）的组件，允许你创建具有交互性的按钮和下拉选择菜单。

(本章内如与之前内容皆为bootstrap4的教程，偶尔有5的内容作为对照)

1.按钮

1.样式

默认样式

<button type="button" class="btn btn-secondary">Default</button>

不同类型的样式

<button type="button" class="btn btn-primary">Primary Button</button>
<button type="button" class="btn btn-secondary">Secondary Button</button>
<button type="button" class="btn btn-success">Success Button</button>
<button type="button" class="btn btn-info">Info Button</button>
<button type="button" class="btn btn-warning">Warning Button</button>
<button type="button" class="btn btn-danger">Danger Button</button>
<button type="button" class="btn btn-light">Light Button</button>
<button type="button" class="btn btn-dark">Dark Button</button>
<button type="button" class="btn btn-link">Link Button</button>

在 Bootstrap 4 中，btn-outline-* 类可以用于创建带有轮廓边框的按钮，这种按钮没有背景色，默认是透明的，边框和文本颜色根据类名设置。以下是一些示例：

<button type="button" class="btn btn-outline-primary">Primary Outline Button</button>
<button type="button" class="btn btn-outline-secondary">Secondary Outline Button</button>
<button type="button" class="btn btn-outline-success">Success Outline Button</button>
<button type="button" class="btn btn-outline-info">Info Outline Button</button>
<button type="button" class="btn btn-outline-warning">Warning Outline Button</button>
<button type="button" class="btn btn-outline-danger">Danger Outline Button</button>
<button type="button" class="btn btn-outline-dark">Dark Outline Button</button>
<button type="button" class="btn btn-outline-light">Light Outline Button</button>

2.尺寸

下面是一些例子

<button type="button" class="btn btn-primary btn-lg">Large Button</button>
<button type="button" class="btn btn-secondary">Regular Button</button>
<button type="button" class="btn btn-success btn-sm">Small Button</button>
<button type="button" class="btn btn-danger btn-block">Block Level Button</button>

这些类可以根据需要为按钮设置不同的大小。.btn-lg 可以使按钮更大，.btn-sm 可以使按钮更小，而 .btn-block 则可以让按钮宽度填满其父元素的宽度。

3.状态

 在 Bootstrap 4 中，按钮有不同的状态类，用于标记按钮的不同状态，例如激活、禁用等。

<button type="button" class="btn btn-primary active">Active Button</button>
<button type="button" class="btn btn-secondary" disabled>Disabled Button</button>

 .active 类将按钮标记为激活状态，显示为按下（被选中）状态。disabled 属性或类将按钮标记为禁用状态，使其无法点击。这些状态类和属性可以根据需要为按钮添加不同的状态，以反映用户交互或应用功能。

2.按钮组

Bootstrap 的按钮组（Button Group）允许将一组按钮放置在同一个容器内，并以一种组合的方式呈现。这使得按钮之间的布局更加整洁，并且可以在一定程度上组合它们的功能。

1.工具栏

在 Bootstrap 4 中，按钮组可以被用作工具栏（Toolbar），将一组按钮排列在一行上，形成一个工具栏样式。以下是一个示例，展示了如何使用按钮组创建一个简单的工具栏：

<div class="btn-toolbar" role="toolbar" aria-label="Toolbar with button groups">
  <div class="btn-group mr-2" role="group" aria-label="First group">
    <button type="button" class="btn btn-secondary">1st Button</button>
    <button type="button" class="btn btn-secondary">2nd Button</button>
    <button type="button" class="btn btn-secondary">3rd Button</button>
  </div>
  <div class="btn-group mr-2" role="group" aria-label="Second group">
    <button type="button" class="btn btn-secondary">4th Button</button>
    <button type="button" class="btn btn-secondary">5th Button</button>
  </div>
</div>

在这个例子中，使用了 btn-toolbar 类来创建一个工具栏。工具栏中有两个按钮组，每个按钮组中有若干个按钮。按钮组使用了 btn-group 类，内部的每个按钮使用了 btn 和 btn-secondary 类，分别表示按钮组和按钮的样式。

2.按钮组尺寸

在 Bootstrap 4 中，按钮组（Button Group）可以设置不同尺寸的样式，以适应不同的布局需求。

<div class="btn-group btn-group-lg" role="group" aria-label="Large button group">
  <button type="button" class="btn btn-secondary">Left</button>
  <button type="button" class="btn btn-secondary">Middle</button>
  <button type="button" class="btn btn-secondary">Right</button>
</div>

<div class="btn-group" role="group" aria-label="Regular button group">
  <button type="button" class="btn btn-secondary">Left</button>
  <button type="button" class="btn btn-secondary">Middle</button>
  <button type="button" class="btn btn-secondary">Right</button>
</div>

<div class="btn-group btn-group-sm" role="group" aria-label="Small button group">
  <button type="button" class="btn btn-secondary">Left</button>
  <button type="button" class="btn btn-secondary">Middle</button>
  <button type="button" class="btn btn-secondary">Right</button>
</div>

这个示例展示了三个不同尺寸的按钮组：大尺寸（.btn-group-lg）、默认尺寸和小尺寸（.btn-group-sm）。你可以根据布局需要选择合适的按钮组尺寸类应用到按钮组容器上。

role="group" 和 aria-label="Small button group" 这两个属性是辅助性质的，用于提供给辅助技术（例如屏幕阅读器）的额外信息，以确保这些组件在无障碍环境下能够正确地被解释和使用。

3.下拉菜单

Bootstrap 的下拉菜单（Dropdown Menu）是一个常用的交互组件，允许你在按钮或链接点击时显示一个可折叠的菜单。

1.单个按钮

<div class="dropdown">
  <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Dropdown Button
  </button>
  <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
    <a class="dropdown-item" href="#">Option 1</a>
    <a class="dropdown-item" href="#">Option 2</a>
    <a class="dropdown-item" href="#">Option 3</a>
  </div>
</div>
  • btn 类定义了一个按钮的样式。
  • btn-secondary 类指定了按钮的次要样式。
  • dropdown 类定义了一个下拉菜单容器。
  • dropdown-toggle 类使按钮拥有了下拉菜单的功能，并通过 data-toggle="dropdown" 属性指示点击按钮时显示菜单。
  • dropdown-menu 类定义了菜单的样式。
  • dropdown-item 类定义了菜单中每个选项的样式。

此处要插入一个提醒，如果这个代码的按钮在你的网页中无法点击出现下拉菜单，请引用正确的css和js。

<link href="node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
<script src="node_modules/jquery/dist/jquery.min.js"></script>
<script src="node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>

 代码的具体路径每个人是不同的，我当前使用的是4.6.2版本，请确保你引用了这三个内容,jquery需要自己单独下载。js的先后顺序不能错。

2.对齐

<div class="dropleft">
    <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown">
        按钮
    </button>
    <div class="dropdown-menu">
        <a class="dropdown-item" href="#">选项1</a>
        <a class="dropdown-item" href="#">选项2</a>
        <a class="dropdown-item" href="#">选项3</a>
    </div>
</div>

这是一个从左侧弹出下拉菜单的示例

同理还有dropright与dropup

3.标题与分割线

在 Bootstrap 下拉菜单中，你可以使用标题和分隔线来增强菜单的可读性。

添加标题

<div class="btn-group dropleft">
    <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
        按钮
    </button>
    <div class="dropdown-menu">
        <h6 class="dropdown-header">标题</h6>
        <a class="dropdown-item" href="#">选项1</a>
        <a class="dropdown-item" href="#">选项2</a>
        <a class="dropdown-item" href="#">选项3</a>
    </div>
</div>

这段代码中，<h6 class="dropdown-header">标题</h6> 创建了一个标题，用于区分下拉菜单中的内容，增强可读性。

添加分割线

<div class="btn-group dropleft">
    <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
        按钮
    </button>
    <div class="dropdown-menu">
        <a class="dropdown-item" href="#">选项1</a>
        <a class="dropdown-item" href="#">选项2</a>
        <div class="dropdown-divider"></div>
        <a class="dropdown-item" href="#">另一组选项</a>
        <a class="dropdown-item" href="#">更多选项</a>
    </div>
</div>

在这个例子中，<div class="dropdown-divider"></div> 创建了一个分隔线，将下拉菜单的内容分隔成两部分。

4.状态

在 Bootstrap 下拉菜单中，可以使用一些状态类来改变下拉菜单的外观，比如 disabled、active、show 等。

如果你想禁用某个下拉菜单项，可以为对应的 <a> 元素添加 disabled 类。这样的项将呈现为灰色且不可点击。

<div class="dropdown">
  <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Dropdown button
  </button>
  <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
    <a class="dropdown-item" href="#">可点击项</a>
    <a class="dropdown-item disabled" href="#">禁用项</a>
    <a class="dropdown-item" href="#">另一项</a>
  </div>
</div>

下拉菜单项在被选中时可能会呈现为激活状态。通常，激活状态取决于用户的交互或特定的页面状态。

如果需要手动控制下拉菜单的显示状态，可以使用 show 类。这可以让你在初始化时就显示下拉菜单。

<div class="dropdown">
  <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Dropdown button
  </button>
  <div class="dropdown-menu show" aria-labelledby="dropdownMenuButton">
    <a class="dropdown-item" href="#">可点击项</a>
    <a class="dropdown-item" href="#">另一项</a>
  </div>
</div>

4.按钮下拉菜单

看到这里，你可能有些懵b。刚刚不就是点击按钮的下拉菜单吗？

那么区别是什么呢 ？

  • 按钮下拉菜单： 使用按钮作为触发器，通常将按钮和下拉菜单组合在一起，点击按钮显示或隐藏菜单。这种方式更适合于将按钮和菜单作为一个整体呈现在界面上。

  • 直接创建下拉菜单： 这种方式下拉菜单不一定与按钮直接相关联，可以独立于任何元素存在，触发方式可以是按钮、超链接、图标等，触发方式更加灵活。

1.按钮下拉菜单

<div class="btn-group">
  <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Button Dropdown
  </button>
  <div class="dropdown-menu">
    <a class="dropdown-item" href="#">Option 1</a>
    <a class="dropdown-item" href="#">Option 2</a>
    <a class="dropdown-item" href="#">Option 3</a>
  </div>
</div>

这里用了按钮组

2.分裂按钮下拉菜单

Bootstrap 的分裂按钮下拉菜单（Split Button Dropdowns）是一种按钮，它的一部分可以触发下拉菜单，而另一部分则执行按钮的默认操作。

<div class="btn-group">
  <button type="button" class="btn btn-primary">Action</button>
  <button type="button" class="btn btn-primary dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    <span class="visually-hidden">Toggle Dropdown</span>
  </button>
  <div class="dropdown-menu">
    <a class="dropdown-item" href="#">Option 1</a>
    <a class="dropdown-item" href="#">Option 2</a>
    <a class="dropdown-item" href="#">Option 3</a>
  </div>
</div>
  • 第一个按钮(<button class="btn btn-primary">Action</button>)是按钮的主要部分，执行按钮的默认操作。
  • 第二个按钮(<button class="btn btn-primary dropdown-toggle dropdown-toggle-split">...</button>)是分裂按钮的一部分，有一个小的三角图标指示下拉菜单的存在。

3.尺寸

<div class="btn-group">
  <button type="button" class="btn btn-lg btn-primary">Large Button</button>
  <button type="button" class="btn btn-lg btn-primary dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    <span class="visually-hidden">Toggle Dropdown</span>
  </button>
  <div class="dropdown-menu">
    <a class="dropdown-item" href="#">Option 1</a>
    <a class="dropdown-item" href="#">Option 2</a>
    <a class="dropdown-item" href="#">Option 3</a>
  </div>
</div>

这是大按钮

你可以使用不同尺寸的按钮（.btn-sm、.btn-lg 等）以及对应的下拉菜单来满足不同按钮尺寸需求，并根据设计和布局选择合适的按钮大小。

本章学习到此结束，更多内容可以看一下我的前几章教程或等待我的更新。

梦落繁辞
关注
  • 30
    点赞
  • 踩
  • 38
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
AutoPlay_Menu_Builder5.5.0.1328注册版
12-16
动运行概述操作系统具有一项称为自动运行的特性。当插入一张带有自动运行菜单程序的光盘到光盘驱动器中，系统会自动加载并启动自动运行菜单。使用这项特性，可以为光盘创建一个良好的用户操作界面。例如，通过自动运行菜单，可以运行安装程序（或其它程序）、打开使用文档、运行演示程序、浏览文件夹以及执行多种其它操作。 　　创建自动运行的光盘如果光盘的根目录下有一个命名为 autorun.inf 的文件，操作系统就会自动加载该文件中指定的程序，并作为自动运行菜单将其启动。通常，autorun.inf 文件包括以下几行内容。 　　字段就是光盘自动运行菜单的程序文件名，icon 字段是光盘显示于资源管理器中的图标，可以是一个图标文件，也可以是可执行文件中的一个图标资源。如果要创建一张可自动运行的光盘，就必须编写一个作为自动运行菜单的程序，并编辑 autorun.inf 文件。 　　软件功能使用 AutoPlay Menu Builder，可以方便快捷地创建自动运行菜单。无需任何编程知识，只要通过点击和拖放鼠标，使用内置的控件“画”出菜单界面，并设置好控件属性，程序会帮您完成其它工作。程序会自动创建 autorun.exe、autorun.ico、autorun.inf 以及 autorun.apm 文件，其中 autorun.apm 文件是自动运行菜单的数据文件。如果选定了创建可独立运行的执行文件选项，菜单数据会附加在 autorun.exe 文件中，意外着您不需要刻录 autorun.apm 文件到光盘中。如果需要在菜单运行前安装一些字体，程序还将创建一个名为 FontData 的目录来存放字体文件。请自行尝试一下，您会发现本软件的功能还有许多。 　　工作选项点击菜单查看->选项，可以设置程序的工作选项。 　　显示网格在设计窗口上绘制点阵以形成网格对齐控件到网格自动对齐控件到临近的网格同时编辑所有选定控件的属性当选定多个控件时，使用属性编辑器修改所有控件的属性，或者仅修改第一个控件的属性网格大小设置网格点阵中两点之间的距离测试时最小化其它窗口测试菜单时，最小化主窗口、控件栏、属性编辑器、对齐面板、布局预览以及素材库窗口。 　　创建压缩的数据文件以压缩方式存储数据文件，可以减小文件大小，但需要花费更多的时间加载和保存项目。 　　创建可独立运行的执行文件保存项目时附加菜单数据即 autorun.apm 文件的内容到 autorun.exe 文件中。激活此选项，则不需要刻录 autorun.apm 文件到光盘上，但仍需要使用 autorun.apm 文件编辑和修改菜单。 　　项目管理新建项目点击菜单文件->新建或工具栏按钮新建，将会弹出下面的对话框。 　　键入用于存储新项目的路径，选择新项目需要继承的模板，点击确定按钮即可在指定路径中创建一个新项目。关于模板的更多信息，请查阅使用模板。 　　打开项目点击菜单文件->打开或工具栏按钮打开，选择已经存在的项目文件，则可以加载选定的菜单项目到编辑器中。点击菜单文件->重新打开或工具栏按钮打开的下拉列表，可以显示最近打开过的项目列表，并打开其中的一个项目。 　　保存项目点击菜单文件->保存或工具栏按钮保存，可以保存对当前项目所做的修改。 　　测试项目点击菜单文件->测试或工具栏按钮测试，可以切换设计和测试状态，方便快捷地测试您的工作成果，不需编译。点击菜单文件->外部测试，可以启动项目输出的可执行文件 autorun.exe 进行测试。 　　保护项目点击菜单文件->口令保护，输入保护口令，则可以要求在打开项目进行编辑时输入编辑口令。这个功能可以防止您的菜单项目被别人修改。如果需要禁用口令，在设置口令对话框中输入空口令即可。 　　虚拟驱动器专家虚拟驱动器专家是一个小巧实用的工具。它可以创建映射到目录的虚拟磁盘，就像 DOS 命令 SUBST 一样。比 SUBST 更加强大的是，虚拟驱动器专家拥有一个友好而易于使用的图形用户界面，并且，它能够在系统重新启动时自动恢复所有虚拟驱动器。使用它，您可以创建一个虚拟磁盘，用来组织需要刻录到光盘上的数据，并基于此虚拟磁盘创建自动运行菜单项目。可以通过菜单工具->虚拟驱动器专家启动该工具。 　　独立执行文件转换如果在选项对话框中激活了创建可独立运行的执行文件选项，就可以把菜单数据嵌入到 autorun.exe 文件中，从而使它脱离菜单数据文件 autorun.apm 运行。 　　如果您已经丢失了项目的原始数据文件 autorun.apm，但尚留存独立执行文件 autorun.exe，此时您可以通过本转换工具将独立执行文件转换为原始项目数据文件。转换后，您就可以打开该数据文件进行编辑。 　　可以通过菜单工具->独立执行文件转换启动该转换工具。 　　刻录光盘完成自动运行菜单的制作后，就可以将它刻录到光盘上。将以下文件和目录放到光盘的根目录下。 　　：菜单程序文件：光盘图标：自动运行配置文件：菜单数据文件，如果在选项对话框中激活了创建可独立运行的执行文件选项，则不需要：特殊字体目录使用模板从模板新建项目点击菜单文件->新建或工具栏按钮新建，将会弹出下面的对话框。 　　键入用于存储新项目的路径，选择新项目需要继承的模板，点击确定按钮即可在指定路径中创建一个新项目。 　　安装模板点击模板->安装菜单，选择模板包文件，即可从 .zip 压缩文件中安装模板。 　　分发模板点击模板->打包菜单，可以将选定的模板打包为 .zip 文件，用于存档或分发给其它用户。 　　删除模板选定需要删除的模板，按下 DELETE 键，或点击菜单模板->删除，可以删除选定的模板。例外：由于空白菜单是一个虚拟的菜单项，所以不能被删除。 　　创建模板点击主窗口中的菜单文件->另存为模板，将会弹出下面的对话框，帮助您将当前正在编辑的项目保存为新的模板。您需要键入新模板的名称、作者及说明，程序会根据当前视图自动创建预览图像。模板创建完成之后，就能在新建对话框的模板列表中找到新的模板。 　　项目属性点击菜单编辑->项目属性或工具栏按钮项目属性，可以编辑项目的相关属性。 　　常规图标自定义菜单程序的图标，也即光盘显示于资源浏览器中的图标。 　　光标、热点光标与文本光标自定义菜单程序的光标样式，其中，热点光标是动作控件的光标样式，而文本光标为文本框控件中的光标样式。 　　起始页面菜单启动时显示的页面。 　　第一页一直可见一直显示第一页上的内容，无论当前页面是哪一页。 　　背景音乐选择菜单的背景音乐，支持 MP3/MP2/MP1/OGG/WAV/MID/RMI/XM/IT/MOD/S3M/MTM 等十数种音乐格式。背景音乐将嵌入到数据文件 autorun.apm 中。 　　循环控制：循环播放背景音乐或只播放一次。 　　自动播放：菜单启动时自动播放背景音乐。 　　自动控制：当菜单窗口激活时自动播放背景音乐，而当菜单窗口移到后台时自动停止背景音乐。 　　按下[ESC]键时退出当用户按下[ESC]键时退出菜单程序。 　　不在任务栏显示在任务栏中隐藏菜单程序。 　　使用系统信息框弹出信息时，使用系统默认的信息框，而不使用程序提供的 Office 风格的信息框。 　　窗口菜单中隐藏“关于”项隐藏菜单窗口系统菜单中的关于菜单项。 　　工具提示当移动鼠标到动作控件上方时，可以弹出一条工具提示，并且可以使用漂亮的自定义风格替换系统默认的工具提示风格。 　　使用自定义工具提示使用自定义风格的工具提示，不选定则使用系统默认的工具提示风格。 　　方位工具提示相对于鼠标位置的访问。如果指定方位没有足够的屏幕空间用来显示工具提示，会自动调整到其它方位。 　　背景工具提示的背景风格。 　　颜色工具提示使用的各种颜色。 　　外观字体及阴影设置。 　　测试用来测试自定义风格工具提示的按钮。 　　延迟指定工具提示的延迟时间，包括从鼠标移入控件到显示工具提示的延迟时间，以及在鼠标不移出控件的情况下，从显示工具提示到工具提示消失的延迟时间。 　　启动窗口和结束窗口启动窗口是启动自动运行菜单时显示的窗口，而结束窗口则是退出菜单时显示的窗口。可以在启动窗口和结束窗口中使用不规则外观以及淡入淡出特效。测试按钮可以测试启动窗口和结束窗口的实际效果。如果选定了不规则外观，并且载入一幅动态 GIF 图像，启动窗口和结束窗口将表现为极酷的动画窗口。 　　注意：JPEG 图像不能用来创建不规则外观的窗口，因为 JPEG 是有损压缩格式，没有绝对单一的背景颜色。 　　另外，未注册版本制作的菜单会显示一个固定的启动窗口，不能修改。 　　启动需要管理员权限在用户没有管理员权限时，弹出一段信息并退出自动运行菜单。 　　启动时运行程序或打开文档在启动菜单前，可以运行一个程序、打开一个文档甚至访问一个网页。如果选定了运行程序或打开文档后退出选项，菜单会在启动其它程序或文档后立即退出，仅仅作为一个启动器的功能。如果选定了等待程序结束选项，菜单会一直等待直到启动的程序或文档退出后蔡会继续运行，但此功能在某些特定情况下可能失效，请自行仔细测试。如果要在启动菜单前访问一个网页，可以在文件名编辑框中输入完整的网页地址，而输入 mailto:[email protected] 则可以启动邮件客户端撰写并发送一封电子邮件。 　　过期设置给自动运行菜单设置一个过期时间，并在过期后显示一段信息。同时，可以允许用户输入一个解锁码解除过期限制。注意，本程序不是一个加密工具，这种过期保护是非常弱的，如果需要较强的保护效果，请使用其它的专业工具。 　　字体如果在自动运行菜单中使用了特殊字体，可以让菜单在运行前自动安装它们。如上图所示，左侧列表是菜单使用的所有字体，右侧列表则是需要在菜单运行前自动安装的特殊字体。请将需要安装的字体从左侧列表添加到右侧列表中。 　　注意：仅添加菜单中使用的特殊字体，不要添加系统字体。 　　控件编辑添加控件位于屏幕左侧的控件栏使用图标代表了可以使用在菜单中的所有控件。选定一种控件，然后点击设计窗口中的目标位置，或者在设计窗口中按下鼠标画出一个目标矩形，就可以在设计窗口中添加一个新控件。 　　如果需要添加多个相同类型的控件，可以在选定控件类型时按住 SHIFT 键。这样，当添加新的控件之后，控件图标会保持在选定状态。点击控件栏上的箭头图标，可以取消控件图标的选定状态。 　　双击控件栏上的图标，也可以新建一个相应控件。 　　选择控件在设计窗口中点击一个控件，在它的周围会出现八个小方块，代表它处于选定状态，此时，可以对它进行编辑。如果需要同时选定多个控件，可以按住 SHIFT 键并点击需要选定的控件，也可以在窗口空白处按下鼠标画出矩形来选定一个范围内的控件。 　　删除控件选定需要删除的控件，然后点击菜单编辑->删除，或者工具栏上的删除按钮，或者直接按下 DELETE 键。删除选定的控件之后，程序会自动选择当前视图中的另一个控件。 　　克隆控件如果需要创建几个相同的控件，不必依次创建每个控件并修改它们的属性。先创建一个控件并修改属性，选定它，然后点击菜单编辑->克隆，或者工具栏上的克隆按钮，就可以创建一个完全相同的控件，程序会自动选定新创建的克隆控件。您也可以一次选定多个控件并克隆它们。 　　剪贴板操作您可以剪切或复制选定控件到剪贴板，也可以将剪贴板中的控件插入到菜单中。AutoPlay Menu Builder 使用与大部分 Windows 程序一样的菜单、工具栏按钮以及快捷键来进行剪贴板操作。 　　移动控件到其它页面点击菜单编辑->移动到页面，可以将选定的控件移动到其它页面。 　　控件位置与大小在控件上按下鼠标就可以将它拖动到新的位置。选定控件，然后拖动它周围的八个黑色小方块可以改变它的大小。改变控件的位置和大小时，控件会自动对齐到网格。点击菜单查看->选项可以打开选项对话框，设置网格大小以及是否对齐到网格。点击菜单编辑->对齐到网格，可以将选定的控件手工对齐到网格。菜单编辑->移动到底层和编辑->移动到顶层用来调整控件的前后层次。由于某些特殊原因，滚动文本、文本框、Flash 影片、网页浏览器、媒体播放器这几个控件不能位于其它控件的后面。 　　您还可以使用快捷键来微调（以一个象素为单位）控件的位置和大小。方向键用来调整控件位置，而 SHIFT+方向键则可调整控件的大小。 　　菜单编辑->锁定控件可以将选定的控件锁定为当前的位置和大小。菜单编辑->组合控件可以将选定的多个控件进行组合，组合之后，这些控件只能被同时选定和移动。 　　对齐面板菜单查看->对齐面板可以显示或隐藏对齐面板。 　　使用对齐面板可以将对齐控件到窗口，或者使控件之间相互对齐。控件面板中的每个按钮都有工具提示。如果您不了解某个特定按钮的功能，可以在该按钮上按下鼠标并保持按下状态，按钮上图像的变化反映了该按钮按下后的效果。松开按钮将会执行对齐操作。如果您不想应用当前操作，可以拖动鼠标到对齐面板外部再松开按键。 　　控件属性选定控件后，属性编辑器中就会显示当前控件的属性。以下控件，热点标签、按钮、图形按钮、炫目标签、炫目文本、形状、文字动画以及图像还具有动作属性。您可以用属性编辑器来修改控件的常规属性和动作属性。同时选定多个同类控件，就可以同时编辑它们的属性。例如，您可以选定所有的按钮，将它们的字体设置为相同的值，或者选定所有的动作控件，修改它们的鼠标音效。 对齐面板菜单查看->对齐面板可以显示或隐藏对齐面板。 　　使用对齐面板可以将对齐控件到窗口，或者使控件之间相互对齐。控件面板中的每个按钮都有工具提示。如果您不了解某个特定按钮的功能，可以在该按钮上按下鼠标并保持按下状态，按钮上图像的变化反映了该按钮按下后的效果。松开按钮将会执行对齐操作。如果您不想应用当前操作，可以拖动鼠标到对齐面板外部再松开按键。 　　控件属性选定控件后，属性编辑器中就会显示当前控件的属性。以下控件，热点标签、按钮、图形按钮、炫目标签、炫目文本、形状、文字动画以及图像还具有动作属性。您可以用属性编辑器来修改控件的常规属性和动作属性。同时选定多个同类控件，就可以同时编辑它们的属性。例如，您可以选定所有的按钮，将它们的字体设置为相同的值，或者选定所有的动作控件，修改它们的鼠标音效。 　　技巧可以通过控件的右键菜单来访问主菜单中的编辑菜单。 　　动作编辑概述以下控件具有动作属性，热点标签、按钮、图形按钮、炫目标签、炫目文本、形状、文字动画以及图像。使用动作属性，您可以从菜单中运行程序、打开文档、播放影片、浏览网页、发送邮件、浏览文件夹以及执行多种其它操作。 　　动作类型动作类型属性指明当用户单击控件时执行何种操作。AutoPlay Menu Builder 支持多种动作类型，它们可以满足大部分的需求。 　　以下是各种动作类型的详细解释。 　　无不执行任何操作。 　　运行程序运行一个程序。 　　打开文档使用系统关联的程序打开一个文档。 　　浏览文件夹启动资源管理器并浏览指定文件夹。 　　浏览网页使用默认浏览器打开一个网站或网页。 　　发送邮件使用默认的邮件客户端撰写并发送一封电子邮件。 　　弹出信息框使用漂亮的信息库显示一段信息。 　　显示图像在弹出窗口中显示一幅图像，支持多种显示风格。 　　启动幻灯放映内建的幻灯放映功能，支持大量图形显示特效。 　　页面跳转跳转到多页菜单中的其它页面。 　　最小化最小化菜单窗口。 　　退出退出自动运行菜单。 　　退出并弹出光盘退出自动运行菜单并弹出光盘。 　　动作参数指定动作类型之后，还必须指定执行动作的相关参数。不同的动作类型具有不同的参数。 　　以下是各种动作类型的参数说明。 　　无无参数。 　　运行程序第一个参数是需要运行的程序的文件名，第二个是需要传递给程序的参数，通常为空。 　　打开文档需要打开的文档的文件名。 　　浏览文件夹需要浏览的文件夹路径。 　　浏览网页网站或网页地址。 　　发送邮件第一个参数是电子邮件地址，第二个是邮件的主题。 　　弹出信息框需要显示的信息文本。 　　显示图像图像：需要显示的图像。 　　窗口风格：弹出窗口的外观风格。 　　标题：弹出窗口的标题。 　　淡入淡出：是否在弹出窗口时使用淡入淡出的显示特效。 　　延迟：淡入淡出特效的延迟时间。 　　如果图像是动态 GIF 图像，窗口风格为不规则外观，且没有激活淡入淡出特效，则图像将以极酷的动画窗口的方式显示。 　　启动幻灯放映路径：包含需要进行幻灯放映的图像文件的文件夹。 　　包含子目录：是否递归搜索所有子目录下的图像文件。 　　随机顺序：以随机顺序显示图像。 　　显示：幻灯显示窗口的风格与背景颜色。 　　背景音乐：放映幻灯时控制背景音乐的播放与停止。 　　页面跳转需要跳转到的页面名称。 　　最小化无参数。 　　退出无参数。 　　退出并弹出光盘无参数。 　　在这几种动作运行程序、打开文档以及浏览文件夹的参数中，必须输入文件的全路径名，并可以使用以下三个预定义的宏。 　　光盘根目录，无论实际的光驱盘符是什么，程序都会进行自动探测。 　　目录。 　　目录。 　　实际上，%CDROM% 宏指向的是 autorun.exe 文件所在的目录，在设计时，它指向菜单项目所在的文件夹。刻录光盘时，一般都是把 autorun.exe 文件放置在光盘的根目录中，因而 %CDROM% 宏也即指向光盘的根目录。 　　举个例子，如果想打开位于光盘子目录 subdir 下的名为 letter.doc 的文档，就可以输入 %CDROM%\subdirectory\letter.doc 作为参数。您可以从参数编辑框的右键菜单中选择这三个宏。在设计时，您可以在硬盘上创建与待刻录光盘相同的目录结构，并推荐您使用虚拟驱动器专家创建一个虚拟磁盘，这将帮助您更好地编辑、测试您的菜单。当使用程序提供的文件或目录选择对话框选择位于项目所在目录中的文件或目录时，程序会自动将项目路径转换为 %CDROM% 宏定义。 　　背景音乐控制鼠标单击时执行的额外动作，用来控制背景音乐的播放与停止。 　　音效对于每一个动作控件，都可以为其指定两个音效，其一是鼠标移入控件范围内时的音效，其二是鼠标单击时的音效。鼠标移入音效与鼠标单击音效是每个控件独立的，除此之外，还有两个相关属性，公共鼠标移入音效与公共鼠标单击音效，这两个属性为所有的动作控件所公有。如果没有为控件设置独立音效，程序会尝试使用公共音效，除非选定了忽略公共音效选项。使用公共音效可以减少菜单数据的大小。 　　工具提示当鼠标移入控件范围内时，控件可以弹出一个工具提示。除了使用系统默认风格的工具提示，您还可以选择一种可高度自定义的漂亮工具提示，请参阅项目属性中的工具提示页面。 　　说明当鼠标移入控件范围内时，如果菜单的同一页面中有说明显示器控件，则控件的说明文字会显示于说明显示器中。请参阅说明显示器进一步了解。 　　图形说明图形说明类似于说明属性，只是使用图像替换了文字。当鼠标移入控件范围内时，如果菜单的同一页面中有图形说明显示器控件，则控件的图形说明会显示于图形说明显示器中。请参阅图形说明显示器进一步了解。 　　执行动作前最小化指定是否在执行动作前最小化菜单窗口。 　　执行动作后退出指定是否在执行动作后退出菜单。 　　多页菜单概述可以创建、编辑多页菜单。如果菜单包含了太多的内容，可以考虑设计为多页菜单。多页菜单中，每一页都使用字符串命名。点击工具栏上的页面切换工具就可以将当前页面设置为指定的页面。 　　多页菜单具有两个重要的属性。其一是起始页面，指定菜单启动时显示的页面。其二是第一页一直可见，指定是否一直显示第一页上的内容，无论当前页面是哪一页。例如，导航按钮等控件就可以放置在第一页，并选定第一页一直可见属性。 　　动作类型页面跳转可以在菜单运行时切换到指定的页面。 　　添加页面点击菜单页面->添加或工具栏按钮添加页面，输入新页面的名称，就可以新建一个空白页面。新页面将被自动选定为当前页面。 　　删除页面切换到需要删除的页面，点击菜单页面->删除或工具栏按钮删除页面，可以删除当前页面及其上的所有控件。删除之后，被删除页面旁边的页面将被选定为当前页面。 　　重命名页面切换到需要重命名的页面，点击菜单页面->重命名，输入新名称，则当前页面被重新命名。 　　克隆页面切换到需要克隆的页面，点击菜单页面->克隆，输入新页面的名称，可以克隆当前页面，新页面上包含原页面上的所有控件。克隆完成之后，新页面将被自动选定为当前页面。 　　左移页面点击菜单页面->左移，可以向左移动当前页面。 　　右移页面点击菜单页面->右移，可以向右移动当前页面。 　　技巧可以通过页面切换工具的右键菜单来访问主菜单中的页面菜单。 　　素材库概述素材库窗口显示了程序安装目录下 Gallery 子目录的内容。通过这个窗口，您可以轻松访问到这些资源，并把它们添加到菜单中。 　　素材类型素材库窗口显示了六种类型的素材，包括图形按钮、图像、背景、音乐、音效及光标。点击窗口左上角的按钮可以切换当前显示的素材。 　　查看方式类似于资源管理器，您可以切换素材库的窗口方式。共有五种不同的查看方式，大图标、小图标、列表、详细信息以及缩略图。需要修改查看方式，请访问素材列表视图中的右键菜单。 　　应用素材有两种方法可以将素材应用到菜单（控件或主窗口）。 　　、选定控件或主窗口，双击需要应用的素材，则素材被应用到选定的控件或主窗口。 　　、在素材上按下鼠标并拖动到目标控件或主窗口上，松开鼠标时，素材被应用到目标控件或主窗口。 　　如果选定的控件或主窗口不能接受特定的素材，程序会自动创建一个新控件并加载选定的素材。例如，应用图形按钮到主窗口时，程序会自动创建一个图形按钮，并载入选定的图形按钮外观图像。
Flickr Fixr-crx插件
03-17
再次让Flickr真棒... 一个多功能扩展程序，用于修复某些烦恼，使Flickr更具“探索性”，并带来一些丢失的功能...主要功能：1）以大尺寸和高质量显示2012年3月之前的照片上传。 直到2012年，当网站上引入新的浏览大小时，Flickr始终会更新完整的照片数据库。 但是，在2012年5月，Flickr引入了1600px和2048px宽的浏览尺寸时，仅更新了2012年3月之后上传的照片，即使在现代的24英寸以上显示器上，大多数照片也只能显示1024px宽。 Flickr Fixr通过缩放并使用原始上传的照片进行显示（当可访问/可用时）来解决此问题。 2）有关照片流的专辑预告片专栏。 几年前，在Flickr的一项重大更新中，以摄影师的专辑或专辑为特色的专栏消失了，这使Flickr不再像画廊一样，也不太吸引人们“积压”。 是的，在顶部菜单中有一个指向专辑的链接，但是我认为没有任何临时访客会看到或打开它。 在我看来，相册组织的灵活性是Flickr的最强资产，而Flickr决定对不经意的访客隐藏专辑是很可悲的。 但是Flickr Fixr会在每位摄影师的首页（照片流）上放一列以专辑为特色的专栏。 在此列中显示了按Flickr Organizer排序的前10张专辑。 3）直接标记链接到同一位摄影师的照片。 当将鼠标悬停在照片标签上时，Flick Fixr在标签中添加一个额外的链接，指向同一位摄影师的相似标签的照片。 4）链接到专辑地图和专辑评论。 在“专辑标题”中添加两个额外的链接。 一个链接指向带有当前专辑照片的地图，另一个链接指向带有专辑评论的隐藏/遗忘的旧页面，这也是阅读长专辑说明的好页面。 5）照片上的额外和改进的地图链接。 在Flickr上对照片进行地理标记后，您可以单击指向显示照片拍摄区域的地图的链接。 但是，此地图通常只显示该区域中最新或最“有趣”的照片。 通常，您正在查看的照片不包含在地图上或地图底部的功能区中。 但是，使用Flickr Fixr，在打开照片的Flickr地图时，会将照片添加到图像功能区，并且在地图上标记了它的地理位置。 奖励：还在照片页上添加一个链接，以在Google地图上显示地理区域。 6）顶部分页，可快速轻松导航。 您为滚动到照片流的底部而感到烦恼吗？ Flickr Fixr在流上方添加了一个分页栏，以便快速，轻松地导航。 但是，由于分页器栏有时会变得很宽，并且可能与也放置在照片流上方的其他图标或下拉菜单重叠，因此，顶部翻页器是隐藏的，直到您将鼠标悬停在照片流上方的中心区域上。 在照片流，相册页面，收藏夹，（“测试版体验”）组池和“浏览”页面上都可以使用首页。 7）浏览日历和最近上传的内容。 在“浏览”页面上，Flickr Fixr将链接添加到隐藏/被遗忘的“浏览日历”以及显示一些最新上传到Flickr的页面。 不过，有关最新上传的一些警告； 即使在该页面上激活了“安全搜索”，您仍然有可能看到自己不希望看到的东西。 8）额外的顶级菜单项。 将标签，收藏和地图项目添加到用户（“您”下拉菜单）和摄影师菜单（菜单栏）。 9）扩展了照片页面上的日期和时间信息。 通过鼠标悬停，在可用时详细显示拍摄日期和上传日期。 拍摄日期还将用作指向同一位摄影师的更多照片的链接。 10）显示可用的新闻源。 当在页面上检测到新闻提要时，将添加橙色的提要图标作为对此的链接。 提要图标添加在页面的右上角。 在flickr.com主站点上的页面上以及在blog.flickr.net和code.flickr.net上的博客上均可工作。 在Flickr Hacks论坛中有关Flickr Fixr的更多信息，包括屏幕截图和有关照片缩放/替换功能的限制和行为的其他注释：https://www.flickr.com/groups/flickrhacks/discuss/72157655601688753/浏览器扩展为基于我的用户脚本Stig的Flickr Fixr（并与之共享代码库），该脚本于2015年首次亮相。用户脚本和浏览器扩展的功能相似，但是只有浏览器扩展具有“选项”页面，您可以通过该页面单独切换对每个功能的支持。 在Flickr上度过一段美好的时光:-) / Stig https://www.flickr.com/photos/stignygaard/ 支持语言:English
萧涵WordPress主题“Xiaohan V3.0”
09-22
增加微博功能，发文章的时候选择“Aside短文章”形式，即为微博格式，在主题设置中可以指定做为微博的栏目。这是本次升级的亮点，原先的公告去除。 增加下拉菜单功能，可以在主题设置中指定是否启动下拉菜单，另外要去自定义菜单中设置菜单项（WP自定义菜单教程），目前只支持二级菜单。 自定义顶部Banner图片以及图片链接，链接窗口打开方式，链接是否增加Nofollow属性。 减少插件使用，可自定义首页标题、Keywords标签、描述标签，之前不喜欢用All in one seo插件，又想自定义标题的同学现在可以无忧了。内容页的关键词标签是调用设置的文章标签，描述是调用自己写的摘要或截取文章内容前200字符。 减少插件使用，在首页等文章列表页自动获取内容摘要，目前为截取文章内容的第一段内容，并且也保留原有格式。现在不必再安装别的摘要插件了。 友情链接双排显示，之前有朋友反应说原来的友链单排显示太难看了，而且链接一旦多了，则会将页面拉得很长，现在不必担心这个问题了。 增加一个友情链接页面模板，只需在页面中添加一个别名为flinks的的页面，则会在这个页面显示所有的友情链接，也就是有一个单独的友链页面了。 修正了几处CSS错误，文章段落首段缩进2个字符，内容页有序列表和无序列表格式。 大致就是以上这些功能更新，具体的还要大家安装试了才能体会。希望大家提出宝贵意义，我一定会加以改进。下一个版本的首个功能将会增加多颜色风格选择，其他待定。。 本版网站：http://www.wuhzy.ocm
AutoPlay_Menu_Builder6.0.1328注册版
02-08
动运行概述操作系统具有一项称为自动运行的特性。当插入一张带有自动运行菜单程序的光盘到光盘驱动器中，系统会自动加载并启动自动运行菜单。使用这项特性，可以为光盘创建一个良好的用户操作界面。例如，通过自动运行菜单，可以运行安装程序（或其它程序）、打开使用文档、运行演示程序、浏览文件夹以及执行多种其它操作。 　　创建自动运行的光盘如果光盘的根目录下有一个命名为 autorun.inf 的文件，操作系统就会自动加载该文件中指定的程序，并作为自动运行菜单将其启动。通常，autorun.inf 文件包括以下几行内容。 　　字段就是光盘自动运行菜单的程序文件名，icon 字段是光盘显示于资源管理器中的图标，可以是一个图标文件，也可以是可执行文件中的一个图标资源。如果要创建一张可自动运行的光盘，就必须编写一个作为自动运行菜单的程序，并编辑 autorun.inf 文件。 　　软件功能使用 AutoPlay Menu Builder，可以方便快捷地创建自动运行菜单。无需任何编程知识，只要通过点击和拖放鼠标，使用内置的控件“画”出菜单界面，并设置好控件属性，程序会帮您完成其它工作。程序会自动创建 autorun.exe、autorun.ico、autorun.inf 以及 autorun.apm 文件，其中 autorun.apm 文件是自动运行菜单的数据文件。如果选定了创建可独立运行的执行文件选项，菜单数据会附加在 autorun.exe 文件中，意外着您不需要刻录 autorun.apm 文件到光盘中。如果需要在菜单运行前安装一些字体，程序还将创建一个名为 FontData 的目录来存放字体文件。请自行尝试一下，您会发现本软件的功能还有许多。 　　工作选项点击菜单查看->选项，可以设置程序的工作选项。 　　显示网格在设计窗口上绘制点阵以形成网格对齐控件到网格自动对齐控件到临近的网格同时编辑所有选定控件的属性当选定多个控件时，使用属性编辑器修改所有控件的属性，或者仅修改第一个控件的属性网格大小设置网格点阵中两点之间的距离测试时最小化其它窗口测试菜单时，最小化主窗口、控件栏、属性编辑器、对齐面板、布局预览以及素材库窗口。 　　创建压缩的数据文件以压缩方式存储数据文件，可以减小文件大小，但需要花费更多的时间加载和保存项目。 　　创建可独立运行的执行文件保存项目时附加菜单数据即 autorun.apm 文件的内容到 autorun.exe 文件中。激活此选项，则不需要刻录 autorun.apm 文件到光盘上，但仍需要使用 autorun.apm 文件编辑和修改菜单。 　　项目管理新建项目点击菜单文件->新建或工具栏按钮新建，将会弹出下面的对话框。 　　键入用于存储新项目的路径，选择新项目需要继承的模板，点击确定按钮即可在指定路径中创建一个新项目。关于模板的更多信息，请查阅使用模板。 　　打开项目点击菜单文件->打开或工具栏按钮打开，选择已经存在的项目文件，则可以加载选定的菜单项目到编辑器中。点击菜单文件->重新打开或工具栏按钮打开的下拉列表，可以显示最近打开过的项目列表，并打开其中的一个项目。 　　保存项目点击菜单文件->保存或工具栏按钮保存，可以保存对当前项目所做的修改。 　　测试项目点击菜单文件->测试或工具栏按钮测试，可以切换设计和测试状态，方便快捷地测试您的工作成果，不需编译。点击菜单文件->外部测试，可以启动项目输出的可执行文件 autorun.exe 进行测试。 　　保护项目点击菜单文件->口令保护，输入保护口令，则可以要求在打开项目进行编辑时输入编辑口令。这个功能可以防止您的菜单项目被别人修改。如果需要禁用口令，在设置口令对话框中输入空口令即可。 　　虚拟驱动器专家虚拟驱动器专家是一个小巧实用的工具。它可以创建映射到目录的虚拟磁盘，就像 DOS 命令 SUBST 一样。比 SUBST 更加强大的是，虚拟驱动器专家拥有一个友好而易于使用的图形用户界面，并且，它能够在系统重新启动时自动恢复所有虚拟驱动器。使用它，您可以创建一个虚拟磁盘，用来组织需要刻录到光盘上的数据，并基于此虚拟磁盘创建自动运行菜单项目。可以通过菜单工具->虚拟驱动器专家启动该工具。 　　独立执行文件转换如果在选项对话框中激活了创建可独立运行的执行文件选项，就可以把菜单数据嵌入到 autorun.exe 文件中，从而使它脱离菜单数据文件 autorun.apm 运行。 　　如果您已经丢失了项目的原始数据文件 autorun.apm，但尚留存独立执行文件 autorun.exe，此时您可以通过本转换工具将独立执行文件转换为原始项目数据文件。转换后，您就可以打开该数据文件进行编辑。 　　可以通过菜单工具->独立执行文件转换启动该转换工具。 　　刻录光盘完成自动运行菜单的制作后，就可以将它刻录到光盘上。将以下文件和目录放到光盘的根目录下。 　　：菜单程序文件：光盘图标：自动运行配置文件：菜单数据文件，如果在选项对话框中激活了创建可独立运行的执行文件选项，则不需要：特殊字体目录使用模板从模板新建项目点击菜单文件->新建或工具栏按钮新建，将会弹出下面的对话框。 　　键入用于存储新项目的路径，选择新项目需要继承的模板，点击确定按钮即可在指定路径中创建一个新项目。 　　安装模板点击模板->安装菜单，选择模板包文件，即可从 .zip 压缩文件中安装模板。 　　分发模板点击模板->打包菜单，可以将选定的模板打包为 .zip 文件，用于存档或分发给其它用户。 　　删除模板选定需要删除的模板，按下 DELETE 键，或点击菜单模板->删除，可以删除选定的模板。例外：由于空白菜单是一个虚拟的菜单项，所以不能被删除。 　　创建模板点击主窗口中的菜单文件->另存为模板，将会弹出下面的对话框，帮助您将当前正在编辑的项目保存为新的模板。您需要键入新模板的名称、作者及说明，程序会根据当前视图自动创建预览图像。模板创建完成之后，就能在新建对话框的模板列表中找到新的模板。 　　项目属性点击菜单编辑->项目属性或工具栏按钮项目属性，可以编辑项目的相关属性。 　　常规图标自定义菜单程序的图标，也即光盘显示于资源浏览器中的图标。 　　光标、热点光标与文本光标自定义菜单程序的光标样式，其中，热点光标是动作控件的光标样式，而文本光标为文本框控件中的光标样式。 　　起始页面菜单启动时显示的页面。 　　第一页一直可见一直显示第一页上的内容，无论当前页面是哪一页。 　　背景音乐选择菜单的背景音乐，支持 MP3/MP2/MP1/OGG/WAV/MID/RMI/XM/IT/MOD/S3M/MTM 等十数种音乐格式。背景音乐将嵌入到数据文件 autorun.apm 中。 　　循环控制：循环播放背景音乐或只播放一次。 　　自动播放：菜单启动时自动播放背景音乐。 　　自动控制：当菜单窗口激活时自动播放背景音乐，而当菜单窗口移到后台时自动停止背景音乐。 　　按下[ESC]键时退出当用户按下[ESC]键时退出菜单程序。 　　不在任务栏显示在任务栏中隐藏菜单程序。 　　使用系统信息框弹出信息时，使用系统默认的信息框，而不使用程序提供的 Office 风格的信息框。 　　窗口菜单中隐藏“关于”项隐藏菜单窗口系统菜单中的关于菜单项。 　　工具提示当移动鼠标到动作控件上方时，可以弹出一条工具提示，并且可以使用漂亮的自定义风格替换系统默认的工具提示风格。 　　使用自定义工具提示使用自定义风格的工具提示，不选定则使用系统默认的工具提示风格。 　　方位工具提示相对于鼠标位置的访问。如果指定方位没有足够的屏幕空间用来显示工具提示，会自动调整到其它方位。 　　背景工具提示的背景风格。 　　颜色工具提示使用的各种颜色。 　　外观字体及阴影设置。 　　测试用来测试自定义风格工具提示的按钮。 　　延迟指定工具提示的延迟时间，包括从鼠标移入控件到显示工具提示的延迟时间，以及在鼠标不移出控件的情况下，从显示工具提示到工具提示消失的延迟时间。 　　启动窗口和结束窗口启动窗口是启动自动运行菜单时显示的窗口，而结束窗口则是退出菜单时显示的窗口。可以在启动窗口和结束窗口中使用不规则外观以及淡入淡出特效。测试按钮可以测试启动窗口和结束窗口的实际效果。如果选定了不规则外观，并且载入一幅动态 GIF 图像，启动窗口和结束窗口将表现为极酷的动画窗口。 　　注意：JPEG 图像不能用来创建不规则外观的窗口，因为 JPEG 是有损压缩格式，没有绝对单一的背景颜色。 　　另外，未注册版本制作的菜单会显示一个固定的启动窗口，不能修改。 　　启动需要管理员权限在用户没有管理员权限时，弹出一段信息并退出自动运行菜单。 　　启动时运行程序或打开文档在启动菜单前，可以运行一个程序、打开一个文档甚至访问一个网页。如果选定了运行程序或打开文档后退出选项，菜单会在启动其它程序或文档后立即退出，仅仅作为一个启动器的功能。如果选定了等待程序结束选项，菜单会一直等待直到启动的程序或文档退出后蔡会继续运行，但此功能在某些特定情况下可能失效，请自行仔细测试。如果要在启动菜单前访问一个网页，可以在文件名编辑框中输入完整的网页地址，而输入 mailto:[email protected] 则可以启动邮件客户端撰写并发送一封电子邮件。 　　过期设置给自动运行菜单设置一个过期时间，并在过期后显示一段信息。同时，可以允许用户输入一个解锁码解除过期限制。注意，本程序不是一个加密工具，这种过期保护是非常弱的，如果需要较强的保护效果，请使用其它的专业工具。 　　字体如果在自动运行菜单中使用了特殊字体，可以让菜单在运行前自动安装它们。如上图所示，左侧列表是菜单使用的所有字体，右侧列表则是需要在菜单运行前自动安装的特殊字体。请将需要安装的字体从左侧列表添加到右侧列表中。 　　注意：仅添加菜单中使用的特殊字体，不要添加系统字体。 　　控件编辑添加控件位于屏幕左侧的控件栏使用图标代表了可以使用在菜单中的所有控件。选定一种控件，然后点击设计窗口中的目标位置，或者在设计窗口中按下鼠标画出一个目标矩形，就可以在设计窗口中添加一个新控件。 　　如果需要添加多个相同类型的控件，可以在选定控件类型时按住 SHIFT 键。这样，当添加新的控件之后，控件图标会保持在选定状态。点击控件栏上的箭头图标，可以取消控件图标的选定状态。 　　双击控件栏上的图标，也可以新建一个相应控件。 　　选择控件在设计窗口中点击一个控件，在它的周围会出现八个小方块，代表它处于选定状态，此时，可以对它进行编辑。如果需要同时选定多个控件，可以按住 SHIFT 键并点击需要选定的控件，也可以在窗口空白处按下鼠标画出矩形来选定一个范围内的控件。 　　删除控件选定需要删除的控件，然后点击菜单编辑->删除，或者工具栏上的删除按钮，或者直接按下 DELETE 键。删除选定的控件之后，程序会自动选择当前视图中的另一个控件。 　　克隆控件如果需要创建几个相同的控件，不必依次创建每个控件并修改它们的属性。先创建一个控件并修改属性，选定它，然后点击菜单编辑->克隆，或者工具栏上的克隆按钮，就可以创建一个完全相同的控件，程序会自动选定新创建的克隆控件。您也可以一次选定多个控件并克隆它们。 　　剪贴板操作您可以剪切或复制选定控件到剪贴板，也可以将剪贴板中的控件插入到菜单中。AutoPlay Menu Builder 使用与大部分 Windows 程序一样的菜单、工具栏按钮以及快捷键来进行剪贴板操作。 　　移动控件到其它页面点击菜单编辑->移动到页面，可以将选定的控件移动到其它页面。 　　控件位置与大小在控件上按下鼠标就可以将它拖动到新的位置。选定控件，然后拖动它周围的八个黑色小方块可以改变它的大小。改变控件的位置和大小时，控件会自动对齐到网格。点击菜单查看->选项可以打开选项对话框，设置网格大小以及是否对齐到网格。点击菜单编辑->对齐到网格，可以将选定的控件手工对齐到网格。菜单编辑->移动到底层和编辑->移动到顶层用来调整控件的前后层次。由于某些特殊原因，滚动文本、文本框、Flash 影片、网页浏览器、媒体播放器这几个控件不能位于其它控件的后面。 　　您还可以使用快捷键来微调（以一个象素为单位）控件的位置和大小。方向键用来调整控件位置，而 SHIFT+方向键则可调整控件的大小。 　　菜单编辑->锁定控件可以将选定的控件锁定为当前的位置和大小。菜单编辑->组合控件可以将选定的多个控件进行组合，组合之后，这些控件只能被同时选定和移动。 　　对齐面板菜单查看->对齐面板可以显示或隐藏对齐面板。 　　使用对齐面板可以将对齐控件到窗口，或者使控件之间相互对齐。控件面板中的每个按钮都有工具提示。如果您不了解某个特定按钮的功能，可以在该按钮上按下鼠标并保持按下状态，按钮上图像的变化反映了该按钮按下后的效果。松开按钮将会执行对齐操作。如果您不想应用当前操作，可以拖动鼠标到对齐面板外部再松开按键。 　　控件属性选定控件后，属性编辑器中就会显示当前控件的属性。以下控件，热点标签、按钮、图形按钮、炫目标签、炫目文本、形状、文字动画以及图像还具有动作属性。您可以用属性编辑器来修改控件的常规属性和动作属性。同时选定多个同类控件，就可以同时编辑它们的属性。例如，您可以选定所有的按钮，将它们的字体设置为相同的值，或者选定所有的动作控件，修改它们的鼠标音效。 对齐面板菜单查看->对齐面板可以显示或隐藏对齐面板。 　　使用对齐面板可以将对齐控件到窗口，或者使控件之间相互对齐。控件面板中的每个按钮都有工具提示。如果您不了解某个特定按钮的功能，可以在该按钮上按下鼠标并保持按下状态，按钮上图像的变化反映了该按钮按下后的效果。松开按钮将会执行对齐操作。如果您不想应用当前操作，可以拖动鼠标到对齐面板外部再松开按键。 　　控件属性选定控件后，属性编辑器中就会显示当前控件的属性。以下控件，热点标签、按钮、图形按钮、炫目标签、炫目文本、形状、文字动画以及图像还具有动作属性。您可以用属性编辑器来修改控件的常规属性和动作属性。同时选定多个同类控件，就可以同时编辑它们的属性。例如，您可以选定所有的按钮，将它们的字体设置为相同的值，或者选定所有的动作控件，修改它们的鼠标音效。 　　技巧可以通过控件的右键菜单来访问主菜单中的编辑菜单。 　　动作编辑概述以下控件具有动作属性，热点标签、按钮、图形按钮、炫目标签、炫目文本、形状、文字动画以及图像。使用动作属性，您可以从菜单中运行程序、打开文档、播放影片、浏览网页、发送邮件、浏览文件夹以及执行多种其它操作。 　　动作类型动作类型属性指明当用户单击控件时执行何种操作。AutoPlay Menu Builder 支持多种动作类型，它们可以满足大部分的需求。 　　以下是各种动作类型的详细解释。 　　无不执行任何操作。 　　运行程序运行一个程序。 　　打开文档使用系统关联的程序打开一个文档。 　　浏览文件夹启动资源管理器并浏览指定文件夹。 　　浏览网页使用默认浏览器打开一个网站或网页。 　　发送邮件使用默认的邮件客户端撰写并发送一封电子邮件。 　　弹出信息框使用漂亮的信息库显示一段信息。 　　显示图像在弹出窗口中显示一幅图像，支持多种显示风格。 　　启动幻灯放映内建的幻灯放映功能，支持大量图形显示特效。 　　页面跳转跳转到多页菜单中的其它页面。 　　最小化最小化菜单窗口。 　　退出退出自动运行菜单。 　　退出并弹出光盘退出自动运行菜单并弹出光盘。 　　动作参数指定动作类型之后，还必须指定执行动作的相关参数。不同的动作类型具有不同的参数。 　　以下是各种动作类型的参数说明。 　　无无参数。 　　运行程序第一个参数是需要运行的程序的文件名，第二个是需要传递给程序的参数，通常为空。 　　打开文档需要打开的文档的文件名。 　　浏览文件夹需要浏览的文件夹路径。 　　浏览网页网站或网页地址。 　　发送邮件第一个参数是电子邮件地址，第二个是邮件的主题。 　　弹出信息框需要显示的信息文本。 　　显示图像图像：需要显示的图像。 　　窗口风格：弹出窗口的外观风格。 　　标题：弹出窗口的标题。 　　淡入淡出：是否在弹出窗口时使用淡入淡出的显示特效。 　　延迟：淡入淡出特效的延迟时间。 　　如果图像是动态 GIF 图像，窗口风格为不规则外观，且没有激活淡入淡出特效，则图像将以极酷的动画窗口的方式显示。 　　启动幻灯放映路径：包含需要进行幻灯放映的图像文件的文件夹。 　　包含子目录：是否递归搜索所有子目录下的图像文件。 　　随机顺序：以随机顺序显示图像。 　　显示：幻灯显示窗口的风格与背景颜色。 　　背景音乐：放映幻灯时控制背景音乐的播放与停止。 　　页面跳转需要跳转到的页面名称。 　　最小化无参数。 　　退出无参数。 　　退出并弹出光盘无参数。 　　在这几种动作运行程序、打开文档以及浏览文件夹的参数中，必须输入文件的全路径名，并可以使用以下三个预定义的宏。 　　光盘根目录，无论实际的光驱盘符是什么，程序都会进行自动探测。 　　目录。 　　目录。 　　实际上，%CDROM% 宏指向的是 autorun.exe 文件所在的目录，在设计时，它指向菜单项目所在的文件夹。刻录光盘时，一般都是把 autorun.exe 文件放置在光盘的根目录中，因而 %CDROM% 宏也即指向光盘的根目录。 　　举个例子，如果想打开位于光盘子目录 subdir 下的名为 letter.doc 的文档，就可以输入 %CDROM%\subdirectory\letter.doc 作为参数。您可以从参数编辑框的右键菜单中选择这三个宏。在设计时，您可以在硬盘上创建与待刻录光盘相同的目录结构，并推荐您使用虚拟驱动器专家创建一个虚拟磁盘，这将帮助您更好地编辑、测试您的菜单。当使用程序提供的文件或目录选择对话框选择位于项目所在目录中的文件或目录时，程序会自动将项目路径转换为 %CDROM% 宏定义。 　　背景音乐控制鼠标单击时执行的额外动作，用来控制背景音乐的播放与停止。 　　音效对于每一个动作控件，都可以为其指定两个音效，其一是鼠标移入控件范围内时的音效，其二是鼠标单击时的音效。鼠标移入音效与鼠标单击音效是每个控件独立的，除此之外，还有两个相关属性，公共鼠标移入音效与公共鼠标单击音效，这两个属性为所有的动作控件所公有。如果没有为控件设置独立音效，程序会尝试使用公共音效，除非选定了忽略公共音效选项。使用公共音效可以减少菜单数据的大小。 　　工具提示当鼠标移入控件范围内时，控件可以弹出一个工具提示。除了使用系统默认风格的工具提示，您还可以选择一种可高度自定义的漂亮工具提示，请参阅项目属性中的工具提示页面。 　　说明当鼠标移入控件范围内时，如果菜单的同一页面中有说明显示器控件，则控件的说明文字会显示于说明显示器中。请参阅说明显示器进一步了解。 　　图形说明图形说明类似于说明属性，只是使用图像替换了文字。当鼠标移入控件范围内时，如果菜单的同一页面中有图形说明显示器控件，则控件的图形说明会显示于图形说明显示器中。请参阅图形说明显示器进一步了解。 　　执行动作前最小化指定是否在执行动作前最小化菜单窗口。 　　执行动作后退出指定是否在执行动作后退出菜单。 　　多页菜单概述可以创建、编辑多页菜单。如果菜单包含了太多的内容，可以考虑设计为多页菜单。多页菜单中，每一页都使用字符串命名。点击工具栏上的页面切换工具就可以将当前页面设置为指定的页面。 　　多页菜单具有两个重要的属性。其一是起始页面，指定菜单启动时显示的页面。其二是第一页一直可见，指定是否一直显示第一页上的内容，无论当前页面是哪一页。例如，导航按钮等控件就可以放置在第一页，并选定第一页一直可见属性。 　　动作类型页面跳转可以在菜单运行时切换到指定的页面。 　　添加页面点击菜单页面->添加或工具栏按钮添加页面，输入新页面的名称，就可以新建一个空白页面。新页面将被自动选定为当前页面。 　　删除页面切换到需要删除的页面，点击菜单页面->删除或工具栏按钮删除页面，可以删除当前页面及其上的所有控件。删除之后，被删除页面旁边的页面将被选定为当前页面。 　　重命名页面切换到需要重命名的页面，点击菜单页面->重命名，输入新名称，则当前页面被重新命名。 　　克隆页面切换到需要克隆的页面，点击菜单页面->克隆，输入新页面的名称，可以克隆当前页面，新页面上包含原页面上的所有控件。克隆完成之后，新页面将被自动选定为当前页面。 　　左移页面点击菜单页面->左移，可以向左移动当前页面。 　　右移页面点击菜单页面->右移，可以向右移动当前页面。 　　技巧可以通过页面切换工具的右键菜单来访问主菜单中的页面菜单。 　　素材库概述素材库窗口显示了程序安装目录下 Gallery 子目录的内容。通过这个窗口，您可以轻松访问到这些资源，并把它们添加到菜单中。 　　素材类型素材库窗口显示了六种类型的素材，包括图形按钮、图像、背景、音乐、音效及光标。点击窗口左上角的按钮可以切换当前显示的素材。 　　查看方式类似于资源管理器，您可以切换素材库的窗口方式。共有五种不同的查看方式，大图标、小图标、列表、详细信息以及缩略图。需要修改查看方式，请访问素材列表视图中的右键菜单。 　　应用素材有两种方法可以将素材应用到菜单（控件或主窗口）。 　　、选定控件或主窗口，双击需要应用的素材，则素材被应用到选定的控件或主窗口。 　　、在素材上按下鼠标并拖动到目标控件或主窗口上，松开鼠标时，素材被应用到目标控件或主窗口。 　　如果选定的控件或主窗口不能接受特定的素材，程序会自动创建一个新控件并加载选定的素材。例如，应用图形按钮到主窗口时，程序会自动创建一个图形按钮，并载入选定的图形按钮外观图像。
jQuery powerFloat万能浮动层下拉层插件
zxingchao2009的专栏------用博客记录技术成长的点点滴滴
07-12 2845
« CSS3 box-shadow实现纸张的曲线投影效果 CSS box-flex属性，然后弹性盒子模型简介 » jQuery powerFloat万能浮动层下拉层插件 by zhangxinxu from http://www.zhangxinxu.com 本文地址：http://www.zhangxinxu.com/wordpress/?p=1328 一、写插
Bootstrap 5 按钮组-按钮组下拉菜单
最新发布
m0_73839298的博客
09-18 287
4.在第二个按钮组的按钮后，添加下拉菜单通过一个名为 "dropdown-menu""的下拉列表项 "" 实现，其中包含了多个 "" 标签，ul>li>a，作为下拉菜单的项目，其中ul中包含多个li，li包含a，li这些项目a具有相同的类（dropdown-item）即下拉列表的下拉链接项，表示它们具有相同的样式。这个按钮组中的按钮具有与前面按钮相同的类（"btn btn-primary"），此外还有一个 "dropdown-toggle"类，表示这个按钮可以作为下拉菜单的触发器，
Bootstrap 快速入门之第五章 组件之图标&下拉菜单&按钮组&按钮式下拉菜单
qq_61313896的博客
05-01 1610
一：图标 Bootstrap 图标库的所有图标都是 SVG 格式的，因此你可以通过以下几种方式将它们添加到你的 HTML 中，具体使用哪种方式取决于你的项目是如何设置的。我们建议设置width: 1em（以及可选的height: 1em），便于你通过font-size属性重置图标的大小。 用法： 1.内嵌 将图标嵌入你的 HTML 页面中（与引用外部图像文件相反）。如下例子中我们对 width 和 height 属性进行了重新设置。 <svg xmlns="...
Bootstrap按钮下拉菜单
奋斗的日子最甜美，在科技的海洋里，永无止境。
04-04 2147
Bootstrap按钮下拉菜单 组合式下拉菜单 1.新建一个web项目ch12，然后将ch11的东西copy过来。 2.打开ch12中的demo01.html 3.设置一个下拉菜单       下拉  //按钮名字 // 注意：data-toggle="dropdow
Bootstrap系列之下拉菜单（Dropdowns）
热门推荐
老__L的博客
06-06 1万+
使用Bootstrap下拉插件切换上下文覆盖来显示链接列表和更多内容。下拉列表是可切换的，上下文覆盖显示链接列表和更多。它们与包含的Bootstrap下拉式JavaScript插件进行交互。它们是通过点击而不是悬停来切换的;这是一个有意的设计决策。下拉框建立在第三方库Popper上，它提供动态定位和视口检测。请确保在Bootstrap JavaScript之前包含或使用包含Popper的 / 。Popper不用于定位导航栏中的下拉框，因为动态定位不是必需的。如果您从源代码构建我们的JavaScript，它需
ASP.NET MVC 5 with Bootstrap and Knockout
09-14
第5章表的查询、排序、分页 Author查询 Author排序 Author分页 小结 第6章表单处理 在表单中集成Knockout 共享View和ViewModel 在模态框中进行删除操作 空表格 小结 第7章服务器端ViewModel 为什么要...
Bootstrap与jQuery UI框架设计（前端开发工程师系列）
05-29
第5章jQuery Mobile入门 l jQuery Mobile入门 1.1 jQuery Mobile简介 1.2 jQuery Mobile准备文档 1.3 jQuery Mobile架构 1.3.1 jQuery Mobile属性 1.3.2 jQuery Mobile主题 1.3.3 jQuery Mobile视图 操作案例1：制作...
李炎恢bootstrap3.pdf合并版带目录
09-15
第一章 bootstrap介绍 第二章 排版样式 第三章 表格和按钮 ...第五章 栅格系统 第六章 辅助类和响应式工具 第七章 图标菜单按钮组件 第八章 输入框和导航组件 .............共二十章，后面带开发实例！
python入门到高级全栈工程师培训 第3期 附课件代码
06-07
第5章 01 上节课复习 02 文件合并与文件归档 03 文件归档与两种压缩方式 04 vim编辑器 05 系统启动流程 06 grub加密 07 bios加密 08 top命令 09 free命令 10 进程管理 第6章 01 上节课复习 02 磁盘分区 03 文件...
商城（thinkphp5）
04-26
（十）微信端功能：首页顶部浮动块（一键关注按钮）、推广二维码、个人二维码、首页微信好友分享、商品详情好友分享、店铺二维码好友分享 Niushop开源商城系统功能特点： 1.完善的QQ,微信第三方支付、第三方用户...
html中按钮下拉菜单,Bootstrap3.0学习笔记之按钮与下拉菜单
weixin_42501270的博客
06-03 1490
前面的文章算是把Bootstrap CSS部分简单的学习了一遍，应该忽视了比较多的细节问题。不过大部分的内容我都过了一遍，并且用代码实现了一遍，而且看到了真实的效果。挺不错的。那么接下来的几篇文章主要来讲解Bootstrap的组件。那么本文主要来讲解以下内容再来熟悉一下这个开始建立一个页面的代码，首先新建一个测试网页加入如下代码复制代码代码如下:Bootstrap下拉菜单用于显示链接列表的可切换、...
bootstrap菜单html,Bootstrap实现下拉菜单效果
weixin_34976470的博客
06-19 1057
下拉菜单用于显示链接列表的可切换、有上下文的菜单。1、案例将下拉菜单触发器和下拉菜单都包裹在.dropdown里，然后添加组成菜单的HTML代码。DropdownActionAnother actionSomething else hereSeparated link可以通过上面的代码发现，里面可能有很多陌生的样式类或者属性。一个Dropdown按钮和右侧有个小图标caret，当然这个小图标和按钮...
Bootstrap学习笔记——菜单、按钮及导航
gengfu_php的博客
10-04 1778
1 下拉菜单在Bootstrap框架中的下拉菜单组件是一个独立的组件，根据不同的版本，它对应的文件： LESS版本：对应的源码文件为 dropdowns.less Sass版本：对应的源码文件为 _dropdowns.scss 编译后的Bootstrap版本：查看bootstrap.css文件第3004行～第3130行 在使用Bootstrap框架的下拉菜单时，必须调用Bootstrap框架提供的b
jQuery + bootstrap 实现下拉多选列表
qq_35727582的博客
04-13 3701
基于 jQuery 与 Bootstrap 实现下拉多选列表
bootstrap3 下拉菜单中其中一个按钮向左显示菜单
06-06
您可以通过为下拉菜单中的按钮添加`pull-left`类来实现它向左显示菜单。具体方法如下所示： ```html 菜单 <span class="caret"></span> <li><a href="#">菜单项1</a></li> <li><a href="#">菜单项2</a></...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值