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

所属分类: 网页制作 / Frontpage教程 阅读数: 1191
收藏 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教程:在表格中布局图片

表格與圖片 表格在網頁上最常用來排版 , 使得版面更整潔美觀 基本觀念:表格vs儲存格-->所謂儲存格,指的就是表格當中切割出來的每一小格 表格的基本操
收藏 0 赞 0 分享

Frontpage教程:制作网页中的书签

書籤 書籤的功能是使用在同一面網頁資料過長時使用 , 能夠使使用者迅速的移動到所要的位置上。 適合用在教學進度表、小文章集宓冉虒W網頁。 書籤的基本操作 範例:
收藏 0 赞 0 分享

制作网页使用FrontPage

  如今似乎整个世界都在因特网上跳动不停, 而你却坐失良机。 每个人都有自己的网页, 从两岁的小表弟到八十多岁的姑婆都有, 而你没有。 你想立刻觉醒, 嗅一嗅UNIX的味道, 也建个自己的主页。 但怎么建呢? 你鼓起勇气学习HTML, 而坦白说, 你学得一头雾水, 再也不想
收藏 0 赞 0 分享

Frontpage制作网页初学问题解答

  问:我用frontpage做主页,但有一个疑问一直困扰:如何使每段落首行空两格?我用空格键或TAB键空格,但IE与NC显示均不相同,请问如何解决?   答:用汉字输入,并设为全角,然后空格,就可以了:)   问:我的主页用frontpage做好后传上去,但是图
收藏 0 赞 0 分享

Frontpage 三种回车键

Frontpage的回车键有三种:enter、shift+enter、ctrl+enter。
收藏 0 赞 0 分享

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

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

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

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

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

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

FrontPage怎么创建留言簿网页?

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

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

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