Dreamweaver中的超酷滚动按钮和弹出菜单

使用Dreamweaver将翻页按钮添加到网页是一项非常简单的任务…如果您准备好按钮图像准备就绪。

如果您还没有图像,则需要执行以下操作:打开一个图形设计程序,例如Fireworks或Photoshop,并创建一个带有实心填充的矩形(在此示例中为蓝色),然后在上面放一些白色文本,说“家”。

接下来,您要修剪画布并将此图像导出为“ home1.gif”或“ home1.jpg”文件。将图像导出到网页所在的文件夹中,以便可以将其用于网页。

接下来,只需将按钮上文本的颜色更改为黄色,然后将该版本导出为“ home2.gif”

一旦获得了这两个图像,在Dreamweaver中创建一个过渡按钮就很容易了,因为Dreamweaver会为您完成所有操作。

只需将光标放在网页上您想要按钮的位置,然后从Dreamweaver下拉菜单中选择“插入”>“图像对象”>“鼠标悬停图像”。

然后将home1.gif用于上方图片,将home2.gif用于上方图片。单击确定后,Dreamweaver将为您创建所有必需的代码。然后,您只需要将图像和页面上传到您的网站!

另一种选择是使用弹出菜单功能。您可以在Dreamweaver中的“标签检查器”下找到它。您可以使用它来制作一些令人激动的弹出菜单,当您将鼠标悬停在图像上时会出现这些菜单。

相关文章