如何制作网页的下拉菜单？
发布网友
发布时间：2022-04-21 08:11
共1个回答
热心网友
时间：2023-07-29 18:39
原来下拉菜单设置的样式是display:none；当一级菜单hover时，下拉菜单从display：none转变为display：block。
在设置当一级菜单：a标签被hover时，下拉菜单的样式，我的写法是：.nav>ul>a:hover+.pull1{display:block;}。
但是这样设置只能在a标签被hover时才能出现下拉菜单，当鼠标离开a标签时，下拉菜单就会消失。这样不符合下拉菜单的要求。所以我又设置了当下拉菜单被hover时，下拉菜单也会从display：none转变为display：block。
步骤/方法
1/4
只要浏览网页，都会接触过下拉导航菜单，可以说下拉导航菜单是计算机一切应用、程序、软件最为基本的构件。可想而知下拉导航菜单在程序、网页中的重要性。在下拉导航菜单无所不在的大环境下，如何提高访客在网页的停留时间与访问深度呢？在提高网页内容的前提下，完善美观、实用的下拉导航菜单的会是个有效的因素！
2/4
如何才能制作出用户体验度高的下拉菜单呢！硕思闪客菜单是操作简单、专业的下拉导航菜单制作工具，可以在界面中选取模板制作或是直接制作，下面操作一下如何在界面中直接制作下拉菜单。
1.在界面中的文件菜单下选择新建菜单的样式。如：水平样式。在窗口的预览区会显示一个菜单项，只要根据此菜单项展开进行新建多个菜单项、子菜单及多级子菜。
2.新建的菜单项可以通过右侧的任务栏对其进行设置，可以对菜单项的文字、链接位置、字体、背景、位置、边框、图标、样式等设置。
3/4
完全可按照自己构想的效果去设置，还可以对下拉导航菜单的全局进行设置，包括菜单的大小、菜单的类型、菜单的位置等。也可以对子菜单项设置是否滚动，按照什么方式滚动等。
4/4
菜单项制作完成、链接页面设置完成后，就可将制作好的下拉导航菜单发布到网页中。在发布的对话框中选择要插入下拉导航菜单的网页，代码必须要插入到页面的<body>标签内，在代码中找到<body>标签的位置，点击‘插入代码’按钮，就可成功发布，浏览网页时，就能看到下拉导航菜单。
1
点击要做下拉菜单的第一个单元格，在上方工具栏中找到“数据”，此类目下找到“数据验证”
2在“设置"中选择序列，点击”确定“，来源框就会自动闪亮；
3在来源框输入下拉菜单的名称，每个名称之间用英文中的逗号隔开；
4点击所选单元格的倒三角形，会出现下拉菜单，这样就可以了。
