FrontPage怎么制作作网页下拉菜单?

所属分类: 网页制作 / Frontpage教程 阅读数: 1212
收藏 0 赞 0 分享

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

一、前期准备工作:

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

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

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

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

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

二、添加 onchange 效果:

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

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

三、制作菜单链接:

在代码中找到:

“<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")。

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

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

一、前期准备工作:

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

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

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

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

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

二、添加 onchange 效果:

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

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

三、制作菜单链接:

在代码中找到:

“<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")。

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

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

相关推荐:

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

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

更多精彩内容其他人还在看

用frontpage制作简单的网页示例(比较适合新手朋友)

Frontpage是微软公司出品的一款制作网页入门级软件,制作网页的前提是自己必需要有一定的网页代码知识能力,下面为大家介绍下如何用frontpage制作简单的网页,感兴趣的朋友可以参考下
收藏 0 赞 0 分享

详解基于浏览器同源策略的几种跨域方式

这篇文章主要介绍了详解基于浏览器同源策略的几种跨域方式的相关资料,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

FrontPage超链接默认颜色怎么修改?

FrontPage超链接默认颜色怎么修改?FrontPage中想要设置超链接默认的颜色,比如已访问的超链接和当前超链接的颜色,该怎么设置呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

FrontPage怎么创建留言簿网页?

FrontPage怎么创建留言簿网页?FrontPage中想要制作一个网页,该怎么制作留言簿呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

FrontPage怎么使用复选框? FrontPage复选框的用法

FrontPage怎么使用复选框?FrontPage制作网页的时候,想啊哟使用复选框,该怎么使用复选框呢?下面我们就来看看FrontPage复选框的用法,需要的朋友可以参考下
收藏 0 赞 0 分享

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

FrontPage怎么添加选项按钮?FrontPage制作网页的时候,想要插入选项按钮,该怎么插入呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

FrontPage怎么自定义设置CSS外部样式表?

FrontPage怎么自定义设置CSS外部样式表?FrontPage中想要自己制作一个样式表,该怎么自定义设置呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

FrontPage怎么制作作网页下拉菜单?

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

FrontPage框架怎么拆分与合并?

FrontPage框架怎么拆分与合并?FrontPage中创建的框架网页想要对王佳进行拆分和合并操作,该怎么办呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

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

FrontPage怎么启用超链接翻转效果?FrontPage给网页添加超链接以后,想要添加动态效果,比如鼠标鼠标悬或单击超链接时,链接外观所产生的变化效果,下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享
查看更多