如何制作基于悬停而不是单击的Material-UI菜单
基于悬停而不是单击的Material-UI菜单可以通过使用Material-UI库中的组件和事件来实现。以下是制作基于悬停的Material-UI菜单的步骤：
- 导入所需的依赖：
- 导入所需的依赖：
- 创建菜单组件：
- 创建菜单组件：
- 使用样式：
- 使用样式：
- 渲染组件：
- 渲染组件：
这样，就可以创建一个基于悬停而不是单击的Material-UI菜单。当鼠标悬停在"Hover Me"上时，菜单会出现，移开鼠标则菜单消失。
关于Material-UI的具体使用和更多组件的介绍，你可以参考腾讯云的产品文档：腾讯云 Material-UI
相关·内容
我使用的是Material-UI菜单。它应该可以像以前一样工作，但只需使用鼠标悬停，而不是单击。这是我的代码链接：https://codesandbox.io/embed/vn3p5j40m0 下面是我尝试的代码。它可以正确打开，但不会在鼠标移开时关闭。import React from "react";
import Button from "@mater
浏览 16提问于2019-03-24得票数 3
回答已采纳
我还没有遇到过基于点击打开子菜单的多级菜单，因为大多数现有的菜单都是使用悬停效果的。有人能告诉我哪里可以找到教程吗？我已经准备好了所有的标签，但不知道如何利用jquery来使其像普通的多级菜单一样工作。
浏览 0提问于2011-01-14得票数 1
回答已采纳
1回答
我正在尝试找到/制作一个好的jquery下拉菜单，其中包含动画(fadein/fadeout或slidedown)，可以在悬停时激活，而不是单击。
你有什么建议吗？
浏览 2提问于2009-10-27得票数 2
回答已采纳
由于某些原因，当我更改material-ui <SpeedDial>以删除属性onMouseEnter={handleOpen}，以便快速拨号仅在单击FAB而不是悬停时打开时，当我单击快速拨号菜单项时，<SpeedDialAction>中的onClick事件不会被触发。我觉得我在这里遗漏了一些基本的东西。
浏览 14提问于2020-05-07得票数 0
回答已采纳
1回答
我有下面的菜单栏，我想把css类改为活动的html代码时，页面已被选中。因此，当用户选择查看所述页面时，我想设置已经设置的活动类<div id="main-nav"> <li class="active"><a href="
浏览 1提问于2013-02-26得票数 0
回答已采纳
我正在使用GWT MenuBar制作一个垂直菜单，并选择特定的MenuItem在右侧显示内容，我试图制作类似于TabPanel的内容，但标签在左侧而不是顶部。现在，由于我已经准备好了菜单项和操作，我想要消除悬停和更改颜色的影响，并保持最后单击的菜单项处于选中状态，其内容被加载到右侧。我对任何评论都持开放态度，如果你有更好的解决方案来实现这一点，使
浏览 2提问于2010-10-09得票数 2
我正在开发一个菜单项，代码如下所示。单击菜单项时，我试图更改它的样式。我应用了一个函数clickHandler在选定的状态和非选定的状态之间切换。基于menuItem的状态，我想改变它的风格。在当前的场景中，如果我单击了任何ListItem，更改的样式将应用于所有的ListItems，而不是一个。我怎样才能做到这一点？import ListIte
浏览 2提问于2020-08-15得票数 2
回答已采纳
我正在为一个网站使用jquery智能菜单，当用户悬停父项目时，插件默认显示子菜单，但是，我的父项目没有内容，单击它们应该会以与我悬停时相同的方式打开子菜单。我看过他们的网站，但我发现很难找到我想要的东西。谢谢
浏览 1提问于2014-02-06得票数 1
4回答
jquery窗口调整大小不起作用
、、、、
我试图制作一个菜单，其中的子菜单是在悬停打开，但当在移动(宽度< 800)子菜单应该被触发的点击。我制作了这个不起作用的jquery，它适用于悬停，但当您重新调整窗口大小时，它仍然会在悬停时触发，而不是单击。li></a>
<li><a href="#&
浏览 5提问于2015-10-16得票数 0
回答已采纳
我正在使用WordPress (外观>菜单)功能来创建自定义导航菜单。我创建了一个具有下拉菜单的菜单项，并希望通过单击而不是鼠标悬停来激活下拉菜单。我该怎么做呢？我很熟悉jQuery，我只是不知道如何消除当前的悬停状态。
浏览 0提问于2011-09-21得票数 1
回答已采纳
当用户将鼠标悬停在Card组件上时，我希望在该组件上显示一个其他情况下不可见的按钮。在CSS中，我会这样做： .card:hover my-button {} 我如何以"Material-UI“的方式复制它？到目前为止，我找到的所有Material-UI提示都建议这样添加悬停样式，但这会将样式应用于悬停在其上的组件，而不是其他组件。
浏览 22提问于2020-04-14得票数 4
2回答
有没有人试过制作或看到一个只有CSS而没有javascript的下拉菜单。我知道使用javascript可以很容易地实现这一点，但是我希望它能够与纯CSS一起工作。谢谢
编辑:有许多例子的下拉:悬停，我还没有看到一个例子，一个点击触发的</e
浏览 5提问于2013-11-18得票数 0
回答已采纳
1回答
在该应用程序中，我需要在MenuStrip控件项上显示图像，而不是文本。背景图像工作正常，但图像在悬停和单击时消失。菜单项上的图像单击/悬停时消失是否有人有任何想法，如何在悬停或单击时显示不同的图像或同一图像。
浏览 4提问于2018-10-22得票数 1
在座的一群人帮助我完成了这个带有子类别3的平滑下拉式导航系统，但是，在看了它之后，我很好奇我是否可以使用css并删除所有jquery来获得同样的效果。它将在其中使用的站点是用纯css创建的，这是jquery的唯一需要，所以我想看看是否可以完全消除对jquery的需求。这是小提琴的一页。我认为使用宽松政策是可行的，但我不确定该如何修改。另外，由于我的站点不是html5，所以在html
浏览 4提问于2013-01-08得票数 0
我有一个多层次的导航在果园CMS，其中显示的子菜单项目在悬停。当我单击时，它将打开一个内容菜单项。这在个人电脑上工作得很好，但在移动设备上就不行了。一般来说，对于移动设备或触摸设备，它应该折叠菜单，而不是跳转到另一个页面。
我正在寻找一个简单而干净的方法来解决这个问题。是否有一种方法来创建这样的菜单项，仅作为子菜单项的开启器，<
浏览 1提问于2014-07-02得票数 0
回答已采纳
2回答
这是直接来自MUI菜单的代码-自定义菜单..我不想把我的代码放进去，因为有一些内置的函数会让它更令人困惑。我想知道如何在单击菜单上的任何内容(菜单项)时立即关闭菜单。'@material-u
浏览 2提问于2020-06-19得票数 6
1回答
我有一个菜单，里面有一些菜单项。我希望在鼠标悬停时显示菜单项，而不是单击鼠标。关于如何在javafx8和FXML中做到这一点的任何建议。
浏览 1提问于2016-03-30得票数 1
1回答
多级子菜单在点击时不关闭子菜单
、、、、
现在我正在做一个基于点击而不是悬停的多级子菜单。我在打开另一个子菜单时关闭子菜单时遇到问题。打开另一个子菜单时，必须关闭所有二级子菜单。
这就是项目：。单击按钮"Productcategorieën“以显示菜单。点击"Zonnepanelen“，紧接着点击"Verlichting”。您将看到"Zonnepanelen“子菜单
浏览 1提问于2017-10-03得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
