FrontPage怎么制作作网页下拉菜单?FrontPage制作网页的时候,需要给网页添加下拉菜单,该怎么制作这个效果呢?下面我们就来看看详细的教程,需要的朋友可以参考下

我们在网页中经常见到下拉菜单,但是有很多朋友在用Frontpage制作网页的时候却很难制作出网页下拉菜单,FrontPage中怎么制作下拉菜单呢?请看下文详细介绍。

FrontPage怎么制作作网页下拉菜单?(用frontpage怎么做网页按钮)  FrontPage 网页 下拉菜单 第1张

Microsoft Frontpage 2013 32位 简体中文安装免费版

  • 类型:网页设计
  • 大小:386MB
  • 语言:简体中文
  • 时间:2017-03-30
查看详情

FrontPage怎么制作作网页下拉菜单?(用frontpage怎么做网页按钮)  FrontPage 网页 下拉菜单 第2张

一、前期准备工作:

1、打开Frontpage软件,单击菜单栏“插入”——表单——下拉框。

FrontPage怎么制作作网页下拉菜单?(用frontpage怎么做网页按钮)  FrontPage 网页 下拉菜单 第3张

2、在“设计”模式下,把页面上的“提交”和“重置按钮删除掉。

FrontPage怎么制作作网页下拉菜单?(用frontpage怎么做网页按钮)  FrontPage 网页 下拉菜单 第4张

3、在“设计”模式下,双击下拉框,弹出“下拉框属性”对话框,单击“添加”按钮。

FrontPage怎么制作作网页下拉菜单?(用frontpage怎么做网页按钮)  FrontPage 网页 下拉菜单 第5张

4、在弹出的“添加选项”对话框中,在选项中写上“AAA”,单击“确定”。

FrontPage怎么制作作网页下拉菜单?(用frontpage怎么做网页按钮)  FrontPage 网页 下拉菜单 第6张

5、用同样的方式添加“BBB”和“CCC”2个选项,在“下拉框属性”对话框,单击“确定”按钮。

FrontPage怎么制作作网页下拉菜单?(用frontpage怎么做网页按钮)  FrontPage 网页 下拉菜单 第7张

二、添加 onchange 效果:

把刚才制作好的下拉框,切换到代码编辑模式。

FrontPage怎么制作作网页下拉菜单?(用frontpage怎么做网页按钮)  FrontPage 网页 下拉菜单 第8张

2、在代码中找到<select size="1" name="D1">并修改为“<select onchange="window.location.href=this.options[this.selectedIndex].value " size="1" name="D1">”。

FrontPage怎么制作作网页下拉菜单?(用frontpage怎么做网页按钮)  FrontPage 网页 下拉菜单 第9张

三、制作菜单链接:

在代码中找到:

“<option value="AAA">AAA</option>
<option value="BBB">BBB</option>
<option value="CCC">CCC</option>”

注意:把value="AAA"("BBB"和"CCC")变为value="网址1.htm"("网址2.htm"和"网址3.htm")。

FrontPage怎么制作作网页下拉菜单?(用frontpage怎么做网页按钮)  FrontPage 网页 下拉菜单 第10张

2、切换到“预览”模式,就可以看到菜单的效果了。

FrontPage怎么制作作网页下拉菜单?(用frontpage怎么做网页按钮)  FrontPage 网页 下拉菜单 第11张

我们在网页中经常见到下拉菜单,但是有很多朋友在用Frontpage制作网页的时候却很难制作出网页下拉菜单,现在我们就来看看如何制作网页下拉菜单。

FrontPage怎么制作作网页下拉菜单?(用frontpage怎么做网页按钮)  FrontPage 网页 下拉菜单 第1张

Microsoft Frontpage 2013 32位 简体中文安装免费版

  • 类型:网页设计
  • 大小:386MB
  • 语言:简体中文
  • 时间:2017-03-30
查看详情

FrontPage怎么制作作网页下拉菜单?(用frontpage怎么做网页按钮)  FrontPage 网页 下拉菜单 第2张

一、前期准备工作:

1、打开Frontpage软件,单击菜单栏“插入”——表单——下拉框。

FrontPage怎么制作作网页下拉菜单?(用frontpage怎么做网页按钮)  FrontPage 网页 下拉菜单 第3张

2、在“设计”模式下,把页面上的“提交”和“重置按钮删除掉。

FrontPage怎么制作作网页下拉菜单?(用frontpage怎么做网页按钮)  FrontPage 网页 下拉菜单 第4张

3、在“设计”模式下,双击下拉框,弹出“下拉框属性”对话框,单击“添加”按钮。

FrontPage怎么制作作网页下拉菜单?(用frontpage怎么做网页按钮)  FrontPage 网页 下拉菜单 第5张

4、在弹出的“添加选项”对话框中,在选项中写上“AAA”,单击“确定”。

FrontPage怎么制作作网页下拉菜单?(用frontpage怎么做网页按钮)  FrontPage 网页 下拉菜单 第6张

5、用同样的方式添加“BBB”和“CCC”2个选项,在“下拉框属性”对话框,单击“确定”按钮。

FrontPage怎么制作作网页下拉菜单?(用frontpage怎么做网页按钮)  FrontPage 网页 下拉菜单 第7张

二、添加 onchange 效果:

把刚才制作好的下拉框,切换到代码编辑模式。

FrontPage怎么制作作网页下拉菜单?(用frontpage怎么做网页按钮)  FrontPage 网页 下拉菜单 第8张

2、在代码中找到<select size="1" name="D1">并修改为“<select onchange="window.location.href=this.options[this.selectedIndex].value " size="1" name="D1">”。

FrontPage怎么制作作网页下拉菜单?(用frontpage怎么做网页按钮)  FrontPage 网页 下拉菜单 第9张

三、制作菜单链接:

在代码中找到:

“<option value="AAA">AAA</option>
<option value="BBB">BBB</option>
<option value="CCC">CCC</option>”

注意:把value="AAA"("BBB"和"CCC")变为value="网址1.htm"("网址2.htm"和"网址3.htm")。

FrontPage怎么制作作网页下拉菜单?(用frontpage怎么做网页按钮)  FrontPage 网页 下拉菜单 第10张

2、切换到“预览”模式,就可以看到菜单的效果了。

FrontPage怎么制作作网页下拉菜单?(用frontpage怎么做网页按钮)  FrontPage 网页 下拉菜单 第11张

以上就是FrontPage制作下拉菜单的教程,希望大家喜欢,请继续关注脚本之家。

相关推荐:

FrontPage怎么启用超链接翻转效果?

FrontPage怎么添加选项按钮? FrontPage选项按钮添加方法

转载请说明出处
知优网 » FrontPage怎么制作作网页下拉菜单?(用frontpage怎么做网页按钮)

发表评论

您需要后才能发表评论