使用FrontPage框架制作一个网页下拉菜单

发布时间:2021-03-11 17:30:17 作者:Leah
来源:亿速云 阅读:300

这期内容当中小编将会给大家带来有关使用FrontPage框架制作一个网页下拉菜单,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。

一、前期准备工作:

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

使用FrontPage框架制作一个网页下拉菜单

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

使用FrontPage框架制作一个网页下拉菜单

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

使用FrontPage框架制作一个网页下拉菜单

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

使用FrontPage框架制作一个网页下拉菜单

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

使用FrontPage框架制作一个网页下拉菜单

二、添加 onchange 效果:

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

使用FrontPage框架制作一个网页下拉菜单

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

使用FrontPage框架制作一个网页下拉菜单

三、制作菜单链接:

在代码中找到:

“<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框架制作一个网页下拉菜单

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

使用FrontPage框架制作一个网页下拉菜单

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

使用FrontPage框架制作一个网页下拉菜单

一、前期准备工作:

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

使用FrontPage框架制作一个网页下拉菜单

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

使用FrontPage框架制作一个网页下拉菜单

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

使用FrontPage框架制作一个网页下拉菜单

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

使用FrontPage框架制作一个网页下拉菜单

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

使用FrontPage框架制作一个网页下拉菜单

二、添加 onchange 效果:

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

使用FrontPage框架制作一个网页下拉菜单

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

使用FrontPage框架制作一个网页下拉菜单

三、制作菜单链接:

在代码中找到:

“<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框架制作一个网页下拉菜单

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

使用FrontPage框架制作一个网页下拉菜单

上述就是小编为大家分享的使用FrontPage框架制作一个网页下拉菜单了,如果刚好有类似的疑惑,不妨参照上述分析进行理解。如果想知道更多相关知识,欢迎关注亿速云行业资讯频道。

推荐阅读:
  1. 如何使用FrontPage创建一个留言簿网页
  2. 怎么用frontpage制作简单的网页

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

frontpage

上一篇:如何在FrontPage框架中启用超链接翻转效果

下一篇:怎么在FrontPage中自定义设置CSS外部样式表

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》