精华内容
下载资源
问答
  • 2021-06-11 13:28:19

    如何在Excel中制作联动的二级下拉菜单,具体该怎么去制作的呢?其实设置方法有很多种,接下来小编举例简单的例子告诉大家Excel函数制作二级联动下拉菜单的方法。

    Excel函数制作二级联动下拉菜单的方法

    1、首先看一下原始数据,原始信息在一张工作表,第一行是省市名称,下面的若干行为对应省市下面的地名和区名。需要在另外一张工作表中A列和B列建立联动的二级下拉菜单。

    2、首先,选中原始表的所有数据(包括多余的空白单元格),按F5或者Ctrl+G调出定位对话框。选择左下角的【定位条件】。

    3、如下图,选则【常量】,并点击【确定】按钮。这样,所有的非空单元格被选中。

    4、选择功能区的【数据】-【有效性】-【根据所选内容创建】。

    5、由于标题在第一行,因此选择【首行】为名称,然后点击【确定】按钮。

    6、操作完毕后,在名称管理器中就可以看到定义的名称了。

    7、选中第一行的省市名称(也定位到非空白单元格),在名称框中输入“省市”两个字,然后按回车,这样就定义了一个“省市”的名称。

    8、选中操作界面的A2单元格,选择【数据】-【数据有效性】。

    9、如下图,选择【序列】,【来源处】输入:=省市,然后点击【确定】按钮。

    10、这样,就在A2单元格生成了省市信息的下拉菜单。

    11、同样的方法,选中B2单元格,设置数据有效性,输入公式:=INDIRECT($A$2)。

    12、设置完毕后,A2单元格选择“河北”时B2的下拉菜单返回“河北”的信息;A2单元格选择“北京”时B2的下拉菜单返回“北京”的信息。

    注意:

    上述二级下拉菜单设置的公式采取了行列都绝对引用,如果要使二级下拉菜单对整列均可用,将公式更改为:=INDIRECT($A2)即可。

    猜你感兴趣:

    1.Excel中制作二级联动下拉菜单的操作方法

    2.excel怎么制作二级联动下拉菜单

    3.excel制作二级联动下拉菜单的方法

    4.excel2007 怎么做二级下拉菜单

    5.excel怎么制作三级联动下拉菜单

    更多相关内容
  • 我们在淘宝、搜狐等大型网站上都可以看到使用的一些二级下拉菜单,比如下面这张图片。那么如何实现导航菜单栏中的二级下拉...下面小编给大家分享JS中用种方式实现导航菜单中的二级下拉菜单,感兴趣的朋友一起看看吧
  • 主要介绍了js+css实现超简洁的二级下拉菜单效果代码,通过非常简单的JavaScript遍历页面元素及动态设置样式达到二级下拉菜单的效果,具有一定参考借鉴价值,需要的朋友可以参考下
  • 主要介绍了一款jQuery+PHP+MySQL者结合实现的二级联动下拉菜单,需要的朋友可以参考下
  • 主要介绍了vue实现鼠标移过出现下拉二级菜单功能,本文给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
  • 横向,竖向都有的导航菜单,最多支持三级,四级,流畅的效果,推荐大家下载试用!
  • 主要介绍了JS 实现导航菜单中的二级下拉菜单的几种方式的相关资料,这里提供了种方式,和实例代码,需要的朋友可以参考下
  • jQuery input点击文本框三级联动下拉菜单代码 jQuery input点击文本框三级联动下拉菜单代码 jQuery input点击文本框三级联动下拉菜单代码
  • jQuery可展开收缩三级下拉菜单代码,带有图片,有下级菜单的话显示+号,没有下级菜单的话显示-号,不明白的可以问我
  • tp5的下拉菜单二级联动。利用了ajax写的下拉菜单,简单易懂,附带数据库。可利用该代码改造成三级联动,多级联动,原理一样。
  • HTML制作多级菜单_一级下拉菜单+二三级选项卡tab-移动到菜单上就切换选项卡.zip
  • 这是一款红色风格的纯CSS3网站导航三级下拉菜单代码,利用css3 transition属性制作的鼠标悬停展开下拉菜单特效,支持二级三级下拉菜单
  • 内容索引:脚本资源,jQuery,下拉菜单,三级联动 用Jquery实现的三级联动下拉列表插件,压缩包内有多个不同的版本,其实现的基本原理大同小异,无非是调用方式的不同,第一个是通过读取XML构建,支持IE/firefox,...
  • 三级下拉列表菜单,就是选择地址效果,即 中国 四川 成都,实用
  • 有一级, 二级, 三级, 再多就不会以这种样式,呈现给用户了. 作者就简单聊一下 多级下拉菜单 一 目标 默认显示一个 TableView, 点击数据后, 添加第二个TableView, 并实现大小变化 第二次打开下拉菜单. 保存上次...
  • 本文介绍使用jQuery的AJAX功能和asp.net来实现省市区的三级联动效果,其他二级三级或多级联动也可以按照此方法完成。文章中涉及到的数据表为City,为方便管理。 设计此表如下 ID:自增长字段 City_Name:城市名称 ...
  • 三级二级下拉菜单

    2014-03-20 17:35:35
    三级级下拉菜单 三级 二级 下拉菜单 横向 纵向
  • jQuery黑色三级下拉导航菜单基于jquery-1.8.3.min.js和responsive-menu.js制作,鼠标经过菜单,显示二级,三级导航菜单
  • Access联动下拉列表

    2020-11-04 10:18:02
    Access中窗体实现二级联动下拉示范,用VBA配合SQL查询来做rowsource,实现二级下拉跟着一级内容变化,如果一级内容没有选择,二级显示所有
  • Excel简单制作一级、二级三级及多级联动下拉菜单.doc
  • 自带的导航菜单功能是WordPress 3.0+ 中唯一执得让人眼睛一亮的功能了;一个偶然的机会发现这个 WordPress 的导航菜单居然还...如何想实现下拉二级菜单功能,还是需要 jQuery 和 CSS 等的配合,感兴趣的朋友可以研究下
  • 主要介绍了PHP+mysql实现的三级联动菜单功能,涉及mysql数据库创建、数据添加及php读取mysql、创建联动菜单相关操作技巧,需要的朋友可以参考下
  • NULL 博文链接:https://fp-moon.iteye.com/blog/869719
  • 收藏的很多下拉菜单的集合包,级下拉菜单、三级下拉菜单等。
  • 纯CSS实现网站三级菜单特效是一款悬浮在左侧的CSS三级下拉菜单
  • JS文件中的Select 有2个,我想做成联动的,例如选择" 信息采集器 " 那么第个Select 就自动显示"A" 选择 " 信息变送器 " 就自动显示 “ B ” 怎么实现~~求高手,求专家!网上找的代码,测试了都不行! 是不是因为这...
  • 手机二三级导航,手机导航,响应式导航,自适应导航,下拉导航
  • 一级二级菜单hover时,设定3级菜单可见,一级二级三级hover时,设置四级菜单可见,代码里已加注了丰富的注释,菜单风格如果不适合你口味的话,可自己美化一下。 运行效果截图如下: 在线演示地址如下: ...
  • 二级下拉菜单在各大学校站点。电商类站点。新闻类站点等大型?站点非经常见,那么它的实现原理是什么呢?学习了Web前端开发的知识后,我们是能够实现这种功能的。复杂的都是从基础效果上加入做出来的。原理和流程...

    二级下拉式菜单在各大学校站点。电商类站点。新闻类站点等大型?站点非经常见,那么它的实现原理是什么呢?

    学习了Web前端开发的知识后,我们是能够实现这种功能的。复杂的都是从基础效果上加入做出来的。原理和流程

    还是一样的,今天開始做一些简单的二级下拉式菜单。

    横向一级菜单我们见到的非常多。例如以下图所看到的是:

    nAJvqpgnzr

    watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="">

    二级下拉菜单图:

    nAJvqpgnzr

    watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="">

    二级下拉菜单是在横向一级菜单的基础上加入下拉效果实现的。制作思路:

    第一步:静态网页的制作

    标签

    • ...
    项目列表

    标签链接

    float浮动

    display:block属性

    postion属性规定元素的定位

    第二步:动态特效的实现

    下拉菜单的显示与隐藏

    今天我们使用CSS样式表实现,那么制作流程是:

    1一级菜单设置:设置CSS样式,使一级菜单横向显示,位于一行中。

    2二级菜单设置:给”课程大厅”菜单,加入二级菜单(JavScript/JQuery/Ajax三项),并带链接;同一时候给“学习中心”菜

    单,加入二级菜单(视频学习/案例学习/交流平台三项)。也带链接。

    3隐藏二级菜单: 设置CSS样式,让二级菜单隐藏。

    4显示二级菜单:设置CSS样式,让二级菜单显示。

    5浏览器兼容性问题解决以及代码优化,至少測试五个浏览器。我測试的是IE7,8,9。2345浏览器,谷歌浏览器以

    及火狐浏览器。

    HTML代码部分:

    下拉菜单

    CSS样式表style.css文件代码:

    /*CSS全局设置*/

    *{

    margin:0;

    padding:0;

    }

    .nav{

    background-color:#EEEEEE;

    height:40px;

    width:450px;

    margin:0 auto;

    }

    /*横向一级菜单样式设置*/

    ul{

    list-style:none;

    }

    ul li{

    float:left;

    line-height:40px;

    text-align:center;

    position:relative;

    }

    a{

    text-decoration:none;

    color:#000000;

    display:block;/*将a行内元素转变成块级元素*/

    width:90px;

    height:40px;

    }

    a:hover{

    background-color:#666666;

    color:#FFFFFF;

    }

    /*二级下拉菜单样式设置*/

    ul li ul li{

    float:none;

    background-color:#EEEEEE;

    }

    ul li ul{

    position:absolute;

    top:40px;

    left:0px;

    display:none;/*默认状态下或鼠标离开时隐藏*/

    width:90px;

    }

    /*为了兼容IE7写的CSS样式,可是必须写在a:hover前面*/

    ul li ul li a:link,ul li ul li a:visited{

    background-color:#EEEEEE;

    }

    ul li ul li a:hover{

    background-color:#009933;

    }

    /*鼠标滑过一级菜单的元素时显示下拉菜单*/

    ul li:hover ul{

    display:block;

    }

    来看一下效果:

    1初始化状态或鼠标离开显示为横向一级菜单:

    ae9331c8ef96d4178b1a4de772934f3e.png

    2鼠标滑过有二级下拉菜单的元素时显示下拉菜单:

    0b1033ef8776b1210d34ed0dafc8ef2f.png

    3显示的下拉菜单中的链接样式:

    b2e2d37abb6b3eb6cac18f10fd051be4.png

    展开全文

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 35,181
精华内容 14,072
关键字:

如何设置二级三级下拉菜单