首页 > 网站建设 >

网站建设公司怎么制作跳转菜单

发布时间:2019-11-28 作者:网站建设

  网站建设公司怎么制作跳转菜单,动态网页不但能够实现复杂的动态效果,还能实现友好的人机交互,因此更容易引起浏览者的兴趣。Dreamweaver提供了多种实现动态与交互网页的功能。
  跳转菜单是链接的一种特殊形式。它不仅丰富了网页中超链接的形式,同时最大限度地节省版面。在制作网页时,如果页面布局比较紧张,可以使用它将一些不太重要的链接进行归类集中。
  在Dreamweaver中,利用“跳转菜单”行为可以设计弹出式下拉链接列表。下拉菜单中的每个选项都定义一个超链接。当浏览者选择菜单中的选项时,就如同单击网页中的超链接文本一样,跳转到选项所定义的目标网页。当然,还可以利用它链接图片、文档等对象。操作步骤:
第1步,启动Dreamweaver,新建文档,保存为test.html。将鼠标指针定位到预定义位置,选择插入|表单|选择命令,插入一个空的下拉菜单控件,在属性面板中设置Name为menu1。
第2步,选择窗口|行为命令,打开行为面板。单击行为面板列表框上面的按钮,在打开的下拉菜单中选择跳转菜单行为
第3步,打开跳转菜单对话框,然后在该对话框中进行设置。
第4步,在文本文本框中设置项目的标题。在选择时,转到URL文本框中设置链接网页的地址,如http://www.baidu.com/,或者直接单击浏览按钮找到链接的网页。
第5步,在打开URL于下拉列表框中设置打开链接的窗口。如果选中更改URL后选择第一个项目复选框,可以设置在跳转菜单链接文件的地址发生错误时,自动转到菜单中第一个项目的网址。
第6步,设置完成,单击面板上方的按钮,可以添加新的链接项目,然后按第5步介绍的方法进行设置。当选择菜单项列表框中的项目,然后单击面板上方的按钮,可以删除项目。
第7步,设置完毕,这时可以看到在行为中自动定义了“跳转菜单”行为,根据需要设置事件类型,这里设置为onChange,即当跳转菜单的值发生变化时,将触发跳转行为。
第8步,保存页面,在浏览器中预览,可以看到一个跳转下拉菜单,当选择不同的搜索引擎时,会自动跳转到该搜索引擎主页。深圳网站建设公司本文关于“网站建设公司怎么制作跳转菜单”的知识就介绍分享到这里,谢谢关注,博纳网络编辑整理。
 
文章标题:网站建设公司怎么制作跳转菜单
本文地址:https://www.198bona.com/news/4834.html
如果您觉得案例还不错请帮忙分享:

网站建设

网络推广

解决方案

域名主机

建站行业资讯