我们在网上经常会遇到这样的情况:当鼠标在一个按钮上移动时,按钮的颜色会立即发生变化并发光,或者突然变成另一幅图片,非常有趣,非常有动态。这个效果就是——悬停按钮。
Frontpage 2000很容易实现悬停按钮的创建。
通过创建没有任何脚本的悬停按钮,向网页添加动画是一种简单的方法。像其他按钮一样,悬停按钮也可以包含指向其他网页或文件的超链接。但是,当网站访问者点击或指向悬停按钮时,这个按钮与普通按钮的区别是显而易见的:它不仅可以发光,还可以显示自定义图片,甚至可以播放音效!
让我们看看如何创建悬停按钮。
首先,在网页视图模式下,将插入点放在要创建悬停按钮的位置。
在插入菜单上,指向组件,然后单击悬停按钮,出现悬停按钮属性对话框(图1)。
在“按钮文本”框中,键入要放置在悬停按钮上的文本标签。如果您要输入的标签很长,请将悬停按钮的“宽度”调整为足以容纳标签的长度。
图1
点击右侧的字体,可以随意设置文本的字体、字体、大小和颜色。(但是如果您想使用已经包含文本标签的自定义图片,则不必输入任何文本。)
在“链接到”框中,键入网站访问者单击悬停按钮时将出现的网页或文件的网址。或者单击“浏览”查找网页或文件的位置。
要设置按钮开始出现在网页上的颜色,请在“按钮颜色”框中选择要使用的颜色。请注意,如果单击“自定义”并选择要在悬停按钮上使用的图片,则不能修改按钮的颜色。
要设置按钮的背景色,请在“背景色”框中选择悬停按钮的背景色。虽然按钮的背景颜色不能是透明的,但您可以选择与网页背景颜色匹配的颜色。
要设置悬停效果的颜色,请在“效果颜色”框中选择悬停效果的颜色。
要设置悬停按钮的大小,请在“宽度”和“高度”框中修改设置(以像素为单位)。如果在悬停按钮上使用自定义图片或按钮文本太长,则必须设置按钮的宽度和高度,使其与图片或按钮文本的宽度和高度相匹配。
至于你最感兴趣的“效果”设置,有夜光、逆光、微夜光、填色、色彩对比、凹凸等7种之多。不妨一个个耐心尝试,找出最耀眼的特效。
其实更常见的是可以提前准备两张大小相同的图片,然后选择对话框左下方的“自定义”选项,可以为悬停按钮设置音效,也可以为悬停按钮设置具有动态显示效果的图片。例如,在“按钮”框中,键入要用作悬停按钮背景的图片的URL或单击“浏览”查找图片,然后单击“确定”;然后在悬停框中键入悬停按钮改变时用作图片的网址,选择它并单击[确定]。
在“播放声音”区域,选择操作和声音效果:
要使网站访问者能够在单击悬停按钮时播放声音效果,请在“单击时间”框中键入声音效果的网址,或者单击“浏览”查找声音效果。
要使网站访问者能够在指向悬停按钮时播放声音效果,请在悬停框中键入声音效果的网址,或者单击“浏览”查找声音效果文件的位置。
请注意,因为悬停按钮实际上是一个Java小程序,所以您可以使用的音效文件只能在中。au格式。你不能在。midi或。wav格式;此外。所有文件必须是8位,8000赫兹,单声道和U规则格式。完成所有设置后,要预览当访问者使用浏览器浏览您的网页时悬停按钮的外观,您可以单击“预览”选项卡,或者单击“在浏览器中预览”(在“文件”菜单上)。
怎么样?鼠标所到之处,画面飞动,音效滚动,绝对给游客留下深刻印象!