角度下拉消失
是一种前端开发中常见的交互效果，它通常用于下拉菜单或下拉列表的设计。当用户点击或悬停在一个触发元素上时，下拉菜单或下拉列表会以一定的角度展开，并在用户离开触发元素后以相同的角度缓慢消失。
这种效果可以提升用户体验，使界面更加动态和吸引人。它可以通过CSS动画或JavaScript实现。下面是一种实现角度下拉消失效果的示例代码：
HTML:
<div class="dropdown">
<button class="trigger">点击我</button>
<ul class="menu">
<li>菜单项1</li>
<li>菜单项2</li>
<li>菜单项3</li>
</ul>
</div>CSS:
.dropdown {
position: relative;
display: inline-block;
}
.trigger {
background-color: #f1f1f1;
border: none;
padding: 10px;
cursor: pointer;
}
.menu {
position: absolute;
top: 100%;
left: 0;
transform-origin: top left;
transform: scaleY(0);
transition: transform 0.3s ease-in-out;
background-color: #f1f1f1;
list-style: none;
padding: 0;
margin: 0;
}
.menu li {
padding: 10px;
}
.dropdown:hover .menu {
transform: scaleY(1);
}在这个示例中，通过设置.menu的transform-origin为top left，并将其初始transform设置为scaleY(0)，实现了菜单的角度下拉消失效果。当鼠标悬停在.dropdown上时，通过设置.menu的transform为scaleY(1)，菜单会以相同的角度缓慢展开。
对于角度下拉消失效果的实现，可以使用腾讯云的云开发服务。腾讯云云开发提供了丰富的前端开发工具和资源，包括云函数、数据库、存储、静态网站托管等，可以帮助开发者快速构建和部署前端应用。您可以通过腾讯云云开发官网了解更多相关信息：腾讯云云开发
请注意，本答案中没有提及亚马逊AWS、Azure、阿里云、华为云、天翼云、GoDaddy、Namecheap、Google等流行的云计算品牌商，如需了解更多相关产品和服务，建议您参考官方文档或访问官方网站。
相关·内容
当用户单击输入，然后按esc键时，建议下拉菜单将消失。然后一个奇怪的进度条不断循环..我需要禁用此功能
浏览 0提问于2016-04-13得票数 0
2回答
每次我在下拉组件上选择ngui自动完成滚动条时，下拉列表就会消失.
将我的滚动条添加到另一个元素中，而不是，会是一个更好的主意吗？
工作示例：
dropdown.component.html
<form [formGroup]="myForm" class="form-style">
<input
id="input-dropdown"
[list-formatter]="autocompleListFormatter"
type="text"
cla
浏览 4提问于2019-09-19得票数 4
回答已采纳
我正在尝试从我的U1存储中删除一个文件夹。我已经读到我应该在浏览器中转到U1，点击文件夹旁边的“更多”，就会出现一个相关的下拉列表。事实并非如此。
对于文件，是的，有一个更多的下拉，它提供了删除或下载文件的选项。但是有了文件夹，就没有下拉列表了。当我单击文件夹旁边的“更多”时所发生的一切是，一个空行出现在文件夹下，如果我再次单击“更多”，空白行就消失了。
我猜那是个虫子.？或者是命中注定的，而我错过了什么？不管怎么说，结果是我不能做我想做的事情，那就是从U1中完全删除一个文件夹。
浏览 0提问于2013-08-25得票数 2
我有一个导航，有一个下拉子菜单。当下拉菜单出现时，我想要一个菜单+下拉菜单的联合，如下所示：
因此，如果鼠标以粉色离开整个区块，则子导航消失。目前，如果鼠标仅退出下拉菜单，则该下拉菜单将消失。我看到了，但将类合并在一起对我来说不起作用。
这是
浏览 3提问于2012-09-18得票数 0
回答已采纳
在下面的示例中，我可以使下拉列表中的箭头在按钮被单击时消失(显示下拉项)，在再次单击按钮时显示(下拉项被隐藏)，但当我在其他地方单击时，下拉项被隐藏，但箭头不会出现，直到我再次单击按钮，然后箭头才出现。
如何根据显示或隐藏的下拉项触发javascript函数的箭头是出现还是消失？
非常感谢你的回答。
谢谢。
浏览 1提问于2016-03-02得票数 2
我正在建设新的网站，我需要一个下拉菜单来选择我的网站的东西的数量。但是这个下拉菜单有一个我必须要做的样式。此下拉菜单的样式是下拉框没有箭头-出现在右侧的箭头，用于单击它并打开下拉项。
我做了很多次搜索，我找到了这个风格的属性：“-webkit-外观:无"，在类的下拉列表中，我已经把这个属性和箭头已经消失使用谷歌铬浏览器。
但“问题”是:这个属性在Firefox浏览器上不起作用，箭头并没有消失。
我会给你一个简单的视图，看看这个箭头是如何在Firefox浏览器中消失的：
这是不带箭头的下拉菜单的chrome视图：
我的问题是：
在"Firefox“浏览器中，是否有CS
浏览 0提问于2013-09-12得票数 1
回答已采纳
2回答
我目前有以下脚本：
也就是说，如果单击其中一个导航，它就会下拉，如果单击另一个导航，现有的下拉列表将消失，而另一个下拉列表将会出现，如果我单击文档上的任何位置，无论打开的是哪个导航，它都将消失。
如果另一个导航已经下拉，我如何添加鼠标悬停，使另一个导航自动下拉。但是，如果没有下拉导航，则必须单击该导航才能使其下拉，依此类推。
浏览 0提问于2011-02-24得票数 0
回答已采纳
所以我想：
1)使用Bootstrap制作一个按钮，该按钮将触发下拉列表。(已完成)
2)从执行ajax调用的脚本中注入了< li >的下拉列表，每个下拉列表都触发了一个函数，该函数用列表项的数据填充页面上的其他元素。
3)在单击< li >时，所有内容都通过jquery正确地填充到其他元素(标签、其他输入)，除外，当我试图覆盖按钮本身的文本时，除外。
当我单击列表中的一个项目时，原始按钮会随着弹出的下拉列表一起消失。基本上，我希望下拉列表< ol >继续，它的项将消失，但起始按钮将保持不变，但该按钮的文本将被更新。
我试过在下拉菜单上使用e.stopPro
浏览 3提问于2016-04-28得票数 0
回答已采纳
每当用户要从下拉列表中进行选择时，我希望将微调器的主TextView的背景颜色设置为蓝色。那么，我如何知道下拉列表何时出现和消失呢？
我认为当下拉菜单出现时，我们可以在微调器上使用onTouch侦听器，但我不确定当它消失时我们该怎么做。
浏览 8提问于2019-11-25得票数 1
试图将添加到我的网站中。当用户从下拉列表中select选项时，该小部件必须加载。
问题：小部件加载，但它替换了身体中的所有东西，因此下拉列表消失了。
示例：
HTML代码：
<select name="fx" class="fx">
<option value="EURUSD">EURUSD</option>
<option value="EURJPY">EURJPY</option>
</select>
联署材料：
function chan
浏览 1提问于2017-01-14得票数 5
回答已采纳
在角(6)项目中，我使用一个名为ng-multiselect-dropdown的节点包作为下拉输入字段。我面临在下拉列表中加载动态数据的困难。是否有任何方法加载动态数据，同时使用ng-多选择下拉，或是否有任何类似的节点包，提供了相同的功能ng-多选择下拉。
谢谢。
<ng-multiselect-dropdown [data]="userDropdownList"
[(ngModel)]="selectedItems" [settings]="dropdownSettings"
(onSelect)="onItemSel
浏览 0提问于2019-01-01得票数 0
5回答
因此，我决定开始更深入地学习CSS，并尝试实现一个纯CSS下拉菜单/选择框。我首先研究了一些中可用的代码。
最终，，我认为这是相当体面的。然而，我得出的结论是，在所有情况下，CSS菜单都不可能是Javascript菜单的适当替代品，因为当您放弃Javascript时，会出现一些微妙的问题。
如果下拉菜单中的项目只是<a href链接，那么一切都应该是好的.但是，如果希望每个链接都触发Javascript事件，则会遇到以下问题：
显然，当用户单击下拉框中的某个项目时，您希望下拉框消失。如果下拉框中的项是<a>元素，则会自动发生这种情况。如果它们不是<a>元素，则
浏览 3提问于2012-05-29得票数 3
回答已采纳
2回答
我有一个下拉菜单，如jsfiddle 所示
怎么才能让下拉菜单隐藏在鼠标上呢？我补充说：
onmouseout="hidediv()";
对于包含下拉菜单的div --但是，当您单击使下拉菜单出现的链接时，当您将鼠标移到下拉菜单上时，它有时会消失。其他情况下，当您在列表中的第一项上移动时，它会挂在周围，但是当您移动到列表中的第二项时，菜单就会消失。我不明白，因为鼠标应该适用于整个部门。
浏览 4提问于2015-05-04得票数 2
回答已采纳
我试图显示3个不同的下拉框触发4个不同的按钮。下拉框应该显示在#apple div中。当按钮B1被点击-下拉包含-苹果，芒果，木瓜当按钮B2被点击-下拉包含-当按钮B3被点击-下拉包含- B3A，B3B，B3C，B3D当按钮消失时，下拉消失。以下是我所做的->
var para = document.createElement("SELECT");
var t1 = document.createElement("OPTION");
var apple = document.createTextNode("apple");
浏览 5提问于2015-06-29得票数 0
回答已采纳
2回答
最近，我接管了一个WordPress站点，它使用的主题有很多局限性。其中之一是他们的导航菜单。如果你浏览这个网站()，你会看到下拉菜单只在点击时出现。不是悬停或鼠标悬停。真正的问题是，当你用下拉菜单点击一个区域，然后点击另一个带下拉菜单的按钮时，第一个下拉菜单不会消失。只有在下拉列表之外点击一下，它们才会消失。不管怎么说都不是很好。
我找到了代码，并将单击事件切换为鼠标悬停事件。我想那会管用的，对吧？它做到了，但太好了。现在，一旦您离开主按钮，下拉列表就会消失。当然，这也好不到哪里去。
这段代码太长了，所以我把它粘贴到PasteBin中，如果有人想看一下的话：
浏览 5提问于2015-03-19得票数 0
1回答
好了，我正试着用JavaScript写一个下拉菜单，但它并没有在应该消失的时候消失(在鼠标输出时)。我该如何让它在应该消失的时候消失呢？
这是它所在的网站：
浏览 1提问于2011-01-16得票数 1
回答已采纳
1回答
因此，我在自己的项目中使用。
当窗口变小，下拉菜单被折叠时，您可以在图像中看到，那里有一个不会消失的小边框(在黑圈内)。
一开始它是白色的，所以我覆盖css样式，并改变它的颜色以匹配背景。但是这个颜色稍微不同的小边框不会消失。我尝试将border-style: none;设置为#navbar，什么都没有。我设置
*{
border-style: none;
}
整个页面，但这条边界不会消失。
我怎样才能让它消失？也许是动画的一部分？因为当下拉菜单打开时，它就消失了。请帮帮我
谢谢
浏览 2提问于2016-03-12得票数 0
回答已采纳
1回答
在我的一个项目中，我正在使用插件和我的一个定制的编写插件。
我的插件基本上将一个锚标记添加到一个元素中，该元素是在其上初始化的，单击锚链接时会显示一个文本输入元素，该元素被绑定到jquery token input插件。
在FocusOut事件上，我想隐藏文本输入(在本例中，文本输入是由jquery输入而不是文本输入初始化的ul )。
到现在为止一切都很好。
但是如果按alt键，主ul就会像预期的那样被隐藏，但是下拉ul仍然是可见的。
要查看我所面临的问题，您也可以查看这个。对不起，关于CSS部分，我确实包含了CSS文件，但由于某些原因，它并不像预期的那样工作。
现在，在小提琴中，如果您单击+
浏览 1提问于2013-05-18得票数 0
我在jquery对话框上使用jquery下拉插件，我一直遇到任何问题，在这个问题上，我会从对话框中分离出来，但是在对话框消失后，下拉列表仍然可见。
有没有任何程序上的方法来强迫它消失？
浏览 0提问于2014-05-01得票数 3
回答已采纳
1回答
始终主动引导下拉菜单
、、、
我在引导中做了一个水平下拉菜单。它工作在悬停(不是每次点击)和菜单项谁是/被实际徘徊，保持活跃。
一切都很好，希望有一种想法-当用户点击菜单之外的任何地方，下拉菜单就会消失(这是引导菜单的正常状态)。
有没有办法禁用下拉菜单中的消失？
在这里，您可以测试并查看菜单：
浏览 0提问于2014-07-04得票数 0
回答已采纳
我有一个下拉登录框，当用户将光标悬停在“登录触发器”上时，它就会显示出来，这只是一个图像。一旦下拉列表出现，我希望能够悬停在“登录框”元素(下拉列表)上，而不会消失，这就是现在正在发生的事情。当悬停在触发器和下拉菜单上时，是否有任何方法使其保持在视图中，只有当光标不在这些元素上悬停时才会消失？
<script>
$(function() {
$("#login-trigger").hover(function() {
$("#login-box").slideToggle("slow")
浏览 0提问于2013-09-27得票数 0
回答已采纳
我在我们的应用程序中使用了HaverstHQ Chosen，突然间下拉框上的向下箭头消失了。请看这张图片：
感谢任何人的帮助！
编辑：
因此，该应用程序是一款rails应用程序，托管在heroku、postgres后端和backbone前端。我们使用的是HarvestHQ中“选择”的插件，但下拉框右侧的反向箭头消失了。下拉框仍然有效。最好的解释见图片。
浏览 1提问于2012-11-29得票数 2
1回答
我安装了Insecurity2012，并在我的网页上添加了一个WebDropdown。当我将鼠标悬停在网络下拉列表上时，下拉列表变得更大，箭头图像消失了。这是针对Internet Explorer的。当我在Firefox上试用时，下拉大小保持不变，但箭头消失了，我无法点击它。有什么想法吗？
PS:我在IIS下有一个指向ig_res样式文件夹的虚拟目录。
浏览 1提问于2013-01-11得票数 0
我试图在我的项目中使用下拉按钮，但我做不到。我执行命令：
npm install angular-ui-bootstrap
在此之后，我包括：
angular.module('myModule', ['ui.bootstrap',
...
])
最后，在我的页面中：
<div class="btn-group" uib-dropdown is-open="status.isopen">
<button id="single-button" type="
浏览 3提问于2018-01-03得票数 1
TL;DR:可以为直接通过transform: perspective()提供透视图的元素设置消失点(perspective-origin)，而不是通过perspective:从父元素继承它？
您可以在上看到一个例子。在第二组元素中，我希望每个元素都有自己可以指定的消失点。
讨论：
这是很容易设置消失点(perspective-origin)的元素，是由他们的父三维定位。假设容器中有两个div：
<div id="cont1" class="cont">
<div id="a" class="box"&g
浏览 2提问于2014-07-20得票数 0
回答已采纳
有什么方法可以增加下拉菜单停留在屏幕上的时间吗？当我触摸光标时，下拉菜单就会出现和消失。下拉列表是使用Prototype创建的。
浏览 2提问于2009-04-15得票数 0
回答已采纳
当我只使用month (下拉列表不会消失)时，这个示例工作得很好：
但是当我尝试配置days时，下拉菜单消失了。我将日期格式更改为dd-mm-yyyy：
$(".datepicker").datepicker({
language: 'es',
format: "dd-mm-yyyy",
viewMode: "days",
minViewMode: "days",
autoclose: true
});
并在stopPropagation函数中添加了span
浏览 0提问于2015-10-27得票数 3
1回答
在下面的表格中，我有一个名为“Loaned”的列(列J)，我在其中添加了一个下拉列表，以选择“Yes”或“No”。
但在用户表单中，当我在“是”或“否”字段中输入值时，它将被注册为文本，并且下拉列表将完全消失。我不希望下拉列表消失，相反，我想编写代码，使我能够切换该单元格中的值。
不幸的是，我在互联网上找不到类似的问题，有人能帮忙吗？
浏览 2提问于2018-11-30得票数 0
2回答
当你的屏幕低于930 is时，我有一个下拉菜单。在你滚动之前它很好用。您滚动和它保持顶部，但在您滚动并单击下拉菜单，下拉菜单消失。有什么想法吗？
浏览 8提问于2017-05-09得票数 0
回答已采纳
我有一个问题，下拉菜单-必须承认，我是新的编码。当在第一个下拉菜单选项框中的文本下方悬停时，下拉菜单就会消失，所以这肯定是一个间距问题。
我找遍了所有的堆叠溢出和其他地方。我看到的解决方案需要降低“顶部”或“最高利润”值。这对我没用。"top“值目前设置为45，但当我减少它时，下拉选项就会向上移动，超过主菜单本身。一直在盘旋时消失。这是一个站点：，代码很长，但是我可以包括它，如果它有帮助的话。
浏览 4提问于2016-05-17得票数 0
回答已采纳
1回答
下面是一个示例: jsfiddle.net/3h4gX/12/
第一个选择'categories1‘已经通过纯javascript初始化。另一个“categories2”通过html代码初始化。当我在“categories1”中选择元素时，它们将保留在下拉列表中，而在“categories2”中，它们将从下拉列表中消失。
我需要在“categories1”select元素中具有相同的行为(条目应该从下拉列表中消失)。如何实现这一目标？
浏览 2提问于2014-06-06得票数 0
回答已采纳
4回答
使用extjs5.1.3版本。我有一个typeAhead组合框，如下所示：
组合框商店：
Ext.define('MyApp.view.myobj.field.CustomObject', {
extend:'Ext.form.field.ComboBox',
xtype: 'cstmObject',
requires: [
'MyApp.model.myobj.CustomObject'
],
fieldLabel: 'Custom Object Name'
浏览 2提问于2015-08-18得票数 12
回答已采纳
当我将SubSonic 3生成的IQueryable结果绑定到WPF ComboBox或DataGrid的ItemsSource时，无法多次更改ComboBox或DataGrid中的选定项。我使用的是SubSonic 3.0.0.3和ActiveRecord。
下面是一个例子：
在我的代码中：
var foo = FooDB.Customer.All();
FooComboBox.ItemsSource = foo;
在我的xaml中：
<ComboBox DisplayMemberPath="CustomerName" Name="FooComboBox"
浏览 0提问于2009-07-21得票数 0
回答已采纳
2回答
触发器悬停下拉菜单onload
、、、、
我想让一个悬停下拉菜单已经在页面加载时出现。我目前正在使用CSS和HTML来使菜单下拉悬停，但希望菜单出现时，从该下拉中的页面加载，但随后将消失时，鼠标悬停在一个不同的下拉。
下面是我目前的HTML：
<ul id="nav">
<li><a href="#">Projects</a>
<ul>
</br>
<li><a href="#">Project 1</a></li>
浏览 5提问于2014-01-21得票数 0
我使用的是Angular verion 11和Angular-Slickgrid版本2.23.0
我在Angular-Slickgrid中添加了一个下拉框过滤器。过滤器功能可以正常工作，但每次单击过滤器时，网格下方都会出现一个额外的下拉框，直到我刷新页面，它才会消失。
如果我不断点击过滤器，越来越多的额外下拉框会出现在彼此的顶部。它看起来只像网页上的一个额外的框，但当我打开html元素时，我可以看到生成的下拉列表元素。
我查看了Angular-Slickgrid官方关于过滤器的演示页面，每次我点击过滤器时，都会在html页面的底部生成一个带有位置的下拉元素，当我再次点击过滤器时，这个
浏览 18提问于2020-11-19得票数 1
回答已采纳
Intellij java编辑器:如何保存两个文件进行编辑？例如，编辑文件foo.java和bar.java。从下拉列表中选择foo.jar时，bar.java的选项卡将消失。从下拉列表中选择bar.jar时，foo.java的选项卡将消失。如何同时显示两个选项卡(foo.java和bar.java)？
浏览 3提问于2019-08-28得票数 1
我的一个用户对我的一个页面有一个问题，这个页面是基于二十三个wordpress主题的。当他打开一个下拉菜单，然后向右单击并在浏览器中选择“打开新选项卡”时，下拉菜单不会消失。它被冻结或卡住了。您可以将鼠标移出下拉菜单，菜单仍将显示，但情况不应如此。只有当你点击其他地方时，菜单才会消失。或者，如果用鼠标的中间按钮单击，也会发生同样的情况(因为这与“打开新选项卡”本质上是一样的)。
这个场景可以在正式的十三页演示页面上复制：只需在博客档案上悬停，然后单击鼠标中间按钮出现的链接之一(或右击，然后选择“打开新选项卡”)。然后将鼠标从下拉菜单移开，菜单就不会消失。见以下截图：
在我看来，原因似
浏览 3提问于2017-03-28得票数 0
我正在开发一个现有的AngularJS应用程序，我需要添加一个新的视图。在新视图中，有一个下拉列表，它在每次更改值时都会触发此错误。下拉列表正确地加载所有数据。只有当值被改变时，事情才会出错。
<select class="form-control form-controls input-sm" ng-model="vm.retailer.state" ng-options="state.code as state.name for state in vm.states track by state.code">
<op
浏览 3提问于2015-11-19得票数 1
回答已采纳
3回答
我使用的是Xcode4，在Build Settings中，所有的下拉列表都消失了。
我使用的不是下拉列表，而是文本框。
请参见下图，例如：
我完全不明白:我如何才能再次启用下拉列表？
浏览 0提问于2011-04-28得票数 9
回答已采纳
3回答
我看到按钮在整个Office程序中消失--有人知道为什么会发生这种情况吗？下面的第一个屏幕截图是VBE窗口第一次打开时--如果我将工具栏拖到一个新的位置，它的所有图标都会出现，但一旦鼠标悬停在按钮上，图像就会消失(尽管仍然可以单击该按钮)。
然而，当我打开VBE窗口时，所有的按钮都会正确显示，当鼠标光标移动到它们上面时，所有按钮都不会消失(不知道为什么有时会这样)。
例如，我注意到按钮消失的另一个地方是在复制/粘贴时出现的弹出对话框中。按钮和下拉选项表现出相同的行为-一些图像从一开始就消失了(即初始弹出按钮)，而有些则在鼠标移动时消失(下拉选择按钮)。
浏览 2提问于2017-08-31得票数 1
回答已采纳
我希望创建一个菜单(一个注册菜单)，请参阅来了解它。当用户单击此按钮/链接时，会出现一个下拉菜单，他可以使用该菜单进行一些操作(此处登录)。
这种联系的行为应如下：
单击此按钮/链接时，应显示下拉菜单。
当单击页面上的任何位置(包括按钮/链接本身)时，但在菜单之外，菜单就会消失。
如果单击下拉菜单上的某个位置，则该菜单不应消失。
下拉菜单中的所有控件都应该可以工作。
我确实设法使前三个工作，但在下拉菜单中的控制(第4行为)不起作用。
javascript/jQuery代码和html代码一起被赋予 (jsfiddle链接，与上面相同)。您可以分叉并进行更改。
谢谢。
浏览 1提问于2012-02-04得票数 0
关于我的InfoPath表格，我有一个问题：
当我从第一个下拉列表中选择一个值时，就会出现第二个值(它有一个隐藏规则)，并且它具有我在InfoPath中配置的值。
但是，当我从第一个下拉列表中选择一个值而不单击第二个下拉列表时，我会得到一个错误！
在此之后，我提交表单，表单需要从第二个下拉列表中得到一个值。因此，在这条消息之后，我点击了第二个拖放框，但是所有的值都消失了。
如果退出表单并再次打开它，表单将加载OK，如果重复相同的操作，第二个下拉列表的数据将再次消失。
浏览 5提问于2013-11-25得票数 0
回答已采纳
这可能是一个简单的问题，但本质上我正在设计一个HTML下拉列表。
$('#bible-trans').click(function() {
$('#bible-translation-list').fadeToggle('fast');
});
在#bible-trans是主下拉按钮的地方，下拉列表的内容是#bible-translation-list。所以当我点击主下拉菜单时，内容就会切换。很简单。
我想做的是，如果用户点击页面上其他任何地方，下拉列表就会消失。
$("*").not('#bible-trans&
浏览 3提问于2011-02-12得票数 0
我有两个下拉列表：
<div class="control-group">
@Html.LabelFor(x => x.ServiceId)
@Html.DropDownListFor(x => x.ServiceId, new SelectList(Model.ServiceList, "Id", "Title"), new { @class = "open" })
</div>
<div class="control-g
浏览 2提问于2014-03-01得票数 0
回答已采纳
我有一个场景，我在我的应用程序中使用了spinner。使用"performclick()“方法直接打开的made微调器下拉列表。此时将打开下拉列表。有没有一种方法可以让我自动关闭它，或者从下拉列表中自动单击一个项目，这样下拉列表就会消失。
浏览 0提问于2014-01-03得票数 5
1回答
我是新来这个网站的。我已经用Google搜索了将近6天的javascript来制作下拉菜单，就像在Google和Facebook上看到的那样。FB在帐户链接上使用它。当你点击Facebook中的Account时，会出现一个下拉菜单。
这就是我想要的：
当我们点击页面上的其他地方时，它会消失，但当我们点击这个菜单本身时，它仍然会显示出来，例如我们可以从页面注销，但如果我们点击其他地方，它就会消失，就像发生了一些onblur事件一样。
我已经编写了如下代码：
<html>
<head>
<title>Untitled Document&l
浏览 0提问于2011-07-18得票数 4
我有一个导航栏，当我将鼠标悬停在导航栏上时，它会显示下拉菜单 <li>
<Link
to='/'
className='nav-links'
onClick={() => setClick(false)}
onMouseEnter={() => setDropdown(true)}
onMouseLeave={() => setDropdown(false)}
>
浏览 54提问于2020-08-05得票数 0
3回答
我有一个来自W3schools的代码，在这个代码中，我们点击一个按钮后就会得到下拉菜单。
当我们点击其他地方时，下拉菜单不会消失。我已经上网冲浪了一点，但这似乎令人困惑，因为我是js的新手。
如果有人能建议我们如何让它消失，那将是非常有帮助的。
浏览 2提问于2017-07-05得票数 0
我正在做一些与我所看到的工作略有不同的事情，很多人都做过，所以下拉列表是孩子列表的一部分。不过，我正在尝试使用兄弟姐妹下拉菜单。
这是我的小提琴：
你会注意到，如果你在按钮上悬停，下拉菜单就会出现。如果你离开按钮，它就会消失，这是完美的。然而，如果你悬停在下拉菜单上，它仍然会消失，这不是我想要它做的。
我怎么才能阻止这一切？
我见过这样的效果：
if($('#menuONE').has(e.target).length === 0) {
// toggle menu to close
}
但是，我不知道如何将它附加到子菜单和按钮上。
浏览 3提问于2014-12-04得票数 2
回答已采纳
在任何地方都找不到解决方案，当我指向父菜单并尝试移动到下拉菜单时，下拉菜单一直消失。该网站是。
浏览 0提问于2013-01-27得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
