下拉导航栏怎么做内容 - 心理

下拉导航栏怎么做

来源：淳美吧阅读：1.59W 次

原来下拉菜单设置的样式是display:none当一级菜单hover时，下拉菜单从display：none转变为display：block。

在设置当一级菜单：a标签被hover时，下拉菜单的样式，我的写法是：>ul>a:hover+1{display:block}。

但是这样设置只能在a标签被hover时才能出现下拉菜单，当鼠标离开a标签时，下拉菜单就会消失。这样不符合下拉菜单的要求。所以我又设置了当下拉菜单被hover时，下拉菜单也会从display：none转变为display：block。

步骤/方法

1/4

只要浏览网页，都会接触过下拉导航菜单，可以说下拉导航菜单是计算机一切应用、程序、软件最为基本的构件。可想而知下拉导航菜单在程序、网页中的重要性。在下拉导航菜单无所不在的大环境下，如何提高访客在网页的停留时间与访问深度呢在提高网页内容的前提下，完善美观、实用的下拉导航菜单的会是个有效的因素！

2/4

如何才能制作出用户体验度高的下拉菜单呢！硕思闪客菜单是操作简单、专业的下拉导航菜单制作工具，可以在界面中选取模板制作或是直接制作，下面操作一下如何在界面中直接制作下拉菜单。

1、在界面中的文件菜单下选择新建菜单的样式。如：水平样式。在窗口的预览区会显示一个菜单项，只要根据此菜单项展开进行新建多个菜单项、子菜单及多级子菜。

2、新建的菜单项可以通过右侧的任务栏对其进行设置，可以对菜单项的文字、链接位置、字体、背景、位置、边框、图标、样式等设置。

3/4

完全可按照自己构想的效果去设置，还可以对下拉导航菜单的全局进行设置，包括菜单的大小、菜单的类型、菜单的位置等。也可以对子菜单项设置是否滚动，按照什么方式滚动等。

4/4

菜单项制作完成、链接页面设置完成后，就可将制作好的下拉导航菜单发布到网页中。在发布的对话框中选择要插入下拉导航菜单的网页，代码必须要插入到页面的<body>标签内，在代码中找到<body>标签的位置，点击‘插入代码’按钮，就可成功发布，浏览网页时，就能看到下拉导航菜单。

点击要做下拉菜单的第一个单元格，在上方工具栏中找到“数据”，此类目下找到“数据验证”

2在“设置"中选择序列，点击”确定“，来源框就会自动闪亮

3在来源框输入下拉菜单的名称，每个名称之间用英文中的逗号隔开

4点击所选单元格的倒三角形，会出现下拉菜单，这样就可以了。