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

百度经验   发布时间:2019-05-21 09:08:17   作者:南霸天mxw   我要评论
FrontPage怎么制作作网页下拉菜单?FrontPage制作网页的时候,需要给网页添加下拉菜单,该怎么制作这个效果呢?下面我们就来看看详细的教程,需要的朋友可以参考下

我们在网页中经常见到下拉菜单,但是有很多朋友在用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怎么使用复选框?FrontPage制作网页的时候,想啊哟使用复选框,该怎么使用复选框呢?下面我们就来看看FrontPage复选框的用法,需要的朋友可以参考下
    2019-05-20
  • FrontPage怎么创建留言簿网页?

    FrontPage怎么创建留言簿网页?FrontPage中想要制作一个网页,该怎么制作留言簿呢?下面我们就来看看详细的教程,需要的朋友可以参考下
    2019-05-20
  • FrontPage框架怎么拆分与合并?

    FrontPage框架怎么拆分与合并?FrontPage中创建的框架网页想要对王佳进行拆分和合并操作,该怎么办呢?下面我们就来看看详细的教程,需要的朋友可以参考下
    2019-04-30
  • FrontPage超链接默认颜色怎么修改?

    FrontPage超链接默认颜色怎么修改?FrontPage中想要设置超链接默认的颜色,比如已访问的超链接和当前超链接的颜色,该怎么设置呢?下面我们就来看看详细的教程,需要的朋友
    2019-04-17
  • 用frontpage制作简单的网页示例(比较适合新手朋友)

    Frontpage是微软公司出品的一款制作网页入门级软件,制作网页的前提是自己必需要有一定的网页代码知识能力,下面为大家介绍下如何用frontpage制作简单的网页,感兴趣的朋友
    2014-06-24
  • Frontpage 三种回车键

    Frontpage的回车键有三种:enter、shift+enter、ctrl+enter。
    2010-01-11
  • Frontpage制作网页初学问题解答

      问:我用frontpage做主页,但有一个疑问一直困扰:如何使每段落首行空两格?我用空格键或TAB键空格,但IE与NC显示均不相同,请问如何解决?   答:用汉字输入,
    2008-10-17
  • 制作网页使用FrontPage

      如今似乎整个世界都在因特网上跳动不停, 而你却坐失良机。 每个人都有自己的网页, 从两岁的小表弟到八十多岁的姑婆都有, 而你没有。 你想立刻觉醒, 嗅一嗅UNIX的味
    2000-01-01
  • Frontpage教程:制作网页中的书签

    書籤 書籤的功能是使用在同一面網頁資料過長時使用 , 能夠使使用者迅速的移動到所要的位置上。 適合用在教學進度表、小文章集宓冉虒W網頁。
    2008-10-17
  • Frontpage教程:在表格中布局图片

    表格與圖片 表格在網頁上最常用來排版 , 使得版面更整潔美觀 基本觀念:表格vs儲存格-->所謂儲存格,指的就是表格當中切割出來
    2008-10-17

最新评论