在网页设计中,跳转菜单是链接的一种特殊形式。它不仅丰富了网页中超链接的形式,同时最大限度地节省版面。在制作网页时,如果页面布局比较紧张,可以使用它将一些不太重要的链接进行归类集中。
在Dreamweaver中,利用“跳转菜单”行为可以设计弹出式下拉链接列表。下拉菜单中的每个选项都定义一个超链接。当浏览者选择菜单中的选项时,就如同单击网页中的超链接文本一样,跳转到选项所定义的目标网页。当然,在网页设计时,还可以利用它链接图片、文档等对象。
【操作步骤】第1步,启动Dreamweaver,新建文档,保存为test.html。将鼠标指针定位到预定义位置,选择【插入】|【表单】|【选择】命令,插入一个空的下拉菜单控件,在【属性】面板中设置Name为menu1。
第2步,选择【窗口】|【行为】命令,打开【行为】面板。单击【行为】面板列表框上面的按钮,在打开的下拉菜单中选择【跳转菜单】行为。
第3步,打开【跳转菜单】对话框,然后在该对话框中进行设置。
第4步,在【文本】文本框中设置项目的标题。
在【选择时,转到URL】文本框中设置链接网页的地址,如http://www.baidu.com/,或者直接单击【浏览】按钮找到链接的网页。
第5步,在【打开URL于】下拉列表框中设置打开链接的窗口。如果选中【更改URL后选择第一个项目】复选框,可以设置在跳转菜单链接文件的地址发生错误时,自动转到菜单中第一个项目的网址。
第6步,设置完成,单击面板上方的按钮,可以添加新的链接项目,然后按第5步介绍的方法进行设置。当选择【菜单项】列表框中的项目,然后单击面板上方的按钮,可以删除项目。
提示:在网站建设时,选择已经添加的项目,然后单击面板上方的【向上】或者【向下】按钮调整项目在跳转菜单中的位置。
第7步,设置完毕,这时可以看到在【行为】中自动定义了“跳转菜单”行为,根据需要设置事件类型,这里设置为onChange,即当跳转菜单的值发生变化时,将触发跳转行为。
第8步,保存页面,在浏览器中预览,可以看到一个跳转下拉菜单,当选择不同的搜索引擎时,会自动跳转到该搜索引擎主页。
当前文章标题:在网页设计中制作跳转菜单
当前URL:http://www.lyjtt.cn/news/wzzz/3122.html
上一篇:设计个人小站
下一篇:在网页设计中制作自由拖动层