提问搜索_PHP中文网

社区学习工具库休闲

简体中文

热门搜索：
PHP
MySQL
jquery
HTML
CSS

vue 和 vuetify 组件上的鼠标悬停效果

因此，我尝试重新创建鼠标悬停效果，如以下文章中的示例所示：https://blog.prototypr.io/stunning-hover-effects-with-css-variables-f855e7b95330但就我而言，我希望使用Vue.js将悬停效果应用到vuetify库中的v-card上。所以这是我的尝试：https://codepen.io/pokepim/pen/NWdwOEq现

P粉032649413 2024-03-27 16:31:16

如何判断鼠标是否停止悬停在一个元素上？

我想知道鼠标如何停止悬停在javascript或使用css中的元素上。我正在制作一个动画，当鼠标悬停在背景上时，背景会改变颜色，并且我还想在鼠标停止悬停在元素上时添加动画。我怎样才能做到这一点？

P粉547420474 2024-03-31 13:28:28

悬停中的文本会在鼠标所在位置改变颜色

如何仅更改鼠标所在位置的文本颜色而不是所有文本的颜色？像这样我希望您可以看到的圆圈跟随鼠标移动，并且在悬停时文本仅显示悬停中的字母部分的边框我需要有关我需要使用哪个库或函数的建议？

P粉697408921 2024-03-28 14:12:45

使用鼠标悬停事件显示飞出菜单

我有一个弹出菜单，我试图使用鼠标悬停事件来切换它，但它似乎没有按预期工作。我尝试通过像这样定位div来使用CSS悬停事件：.hero-list-blocka:hover+.flyout-menu但是这没有用。关于如何解决这个问题/改进这个问题有什么建议吗？谢谢constflyoutLink=document.querySelector('.flyout-link');constflyoutMenu

P粉254077747 2024-04-03 15:14:43

当鼠标悬停在按钮上时，显示一个子菜单

我正在寻找一个解决方案，当我悬停在一个按钮上时，会弹出一个子菜单。目前只有在点击时才显示菜单。有人知道我需要改变什么，以便当悬停在一个按钮上时菜单显示出来，而点击时菜单保持在那里。解决方案：将悬停改为mouseover。有人知道如何使鼠标悬停时不显示所有部分（sect1...）吗？<script>vardivsvarbtn1=document.getElementById("

P粉021708275 2023-08-31 11:22:01

如何使动画在悬停时暂停，但一旦鼠标离开动画继续

我已经厌倦了几个解决方案，这是我得到的最接近的解决方案。但我仍然不满意结果如何，因为当鼠标离开元素时，元素会恢复到原来的旋转状态。这个想法是，如果你越过该元素，即使鼠标离开该元素，它也会触发动画。如果你将鼠标悬停在元素上，它会播放动画并保持在0度，一旦鼠标离开，另一个动画就会播放，并旋转回-8度。constelements=document.getElementsByClassName('rota

P粉786800174 2024-04-01 09:43:54

直接在 HTML 标记中使用 SVG 不允许我将角色分配为按钮或具有所需的悬停效果

我有一个带有图标的容器，该图标应该执行两个功能：具有按钮的作用（可通过键盘/屏幕阅读器等访问）悬停/聚焦时变红当我直接在标记中使用SVG时，悬停效果可以按预期工作，但我无法像使用img标签时那样为SVG分配按钮角色：.container{height:500px;width:400px;background-color:lightblue;position:relative;}.favourite

P粉940538947 2023-09-06 20:29:59

javascript - 这个描边动画效果是怎么实现的呢？

鼠标悬停在上面就会出现这个类似描边效果，纯css可以实现吗？想实现一样的效果具体怎么弄呢？

学习ing 2017-06-24 09:44:08

当一个元素悬停时如何影响其他元素

我想要做的是，当某个div悬停时，它会影响另一个div的属性。例如，在这个JSFiddle演示中，当您将鼠标悬停在#cube上时，它会更改background-color但我想要的是，当我将鼠标悬停在#container上时，#cube会受到影响。div{outline:1pxsolidred;}#container{width:200px;height:30px;}#cube{width:30p

P粉769413355 2023-08-27 12:48:40

悬停时显示内容（不影响卡片高度）

我有一个块，其中包含悬停时显示的内容。效果的工作方式应该是：.hoverCard默认显示基础内容（.hoverCard__showOnHover中的内容被隐藏）用户将鼠标悬停在.hoverCard上，此时.hoverCard__showOnHover显示其内容，并且.hoverCard__body向上转换（赋予其“打开”效果）可以在我的演示中看到上述内容的视觉效果，但我无法让动画完美地工作。我遇到

P粉289775043 2024-03-27 20:29:28

悬停时倾斜效果错误

我有一个带有倾斜效果的按钮，里面有一个文本，当我悬停该按钮时，按钮旁边会出现两行。有代码，将鼠标悬停在按钮上直到看到它，这是一个非常随机的副作用。我认为这是Chrome的问题，但我不确定。这是问题的图片：https://prnt.sc/hafHhDOHntco.button-skew{position:relative;width:fit-content;padding:6px40px;borde

P粉520545753 2024-03-29 13:34:50

如何在Vue过渡中去除过渡延迟？

我正在使用Vue来实现当鼠标悬停在图片上时，通过动画将文本框向上移动并淡入。动画效果是正确的，但是它有一个轻微的延迟才开始。我希望文本框在图片悬停时能够平滑且立即地开始淡入和向上移动。当光标离开时，文本框能够正确地淡出和向下移动。template:`{{badges[item].description}}`,methods:{hoverStart(i){this.hoveredIndex=i;},

P粉757432491 2023-08-17 17:36:49

图像的起点和终点

我正在尝试设置图像的起点和终点。所以我有我的画布和图像，当我将图像放入画布时，我希望当我将鼠标悬停在起点/终点时，它会亮起一个小红色圆圈，这意味着我可以与其他图像创建连接。例如：1)拖动图像。2)将图像放入画布内。3）鼠标悬停到起点/终点，小红点亮起。如您所见，红点仅在悬停时出现。另一个问题，但如果你解决第一个问题很酷，图像不会跟随烤架（正方形）。这是html/js的示例constresistor

P粉511757848 2023-08-31 12:24:51

有条件地将className更改为css模块（React）

我正在尝试在用户悬停在我的网站导航栏上时播放动画。我试图通过根据鼠标是否悬停在导航栏上来更改css模块来实现这一目标。我正在努力弄清楚为什么这段代码不起作用。非常感谢任何帮助！Navbar.jsx：importReact,{useState}from"react";import{Link}from"react-router-dom";importstyles

P粉799885311 2023-08-17 18:10:17

二级导航显示问题

导航标题表的fid 对应导航标签的sid ,如何鼠标悬停导航标题时，显示对应的导航标签，已经在导航标题表对应的Model中建立了hasMany()方法 , 请帮我解决这个问题 , 谢谢大家了 , 也感谢PHP中文网

追逐梦想 2019-11-05 17:19:04

如何使用 Bootstrap Vue 在悬停时打开选择下拉菜单

我需要一种方法来触发<select>或<b-form-select>并在鼠标悬停时显示下拉选项列表。不使用JQuery或除Vue.js之外的任何外部插件。

P粉635509719 2024-03-26 14:04:58

在Blazor wasm中实现行悬停的方法

我有一个Blazor表格组件，根据一个集合的变量行数而变化：项目名称描述上传者上传日期@foreach(variteminItems){@item.Name@item.Description@item.UserName@item.UploadDate.ToString("dd-MM-yyyy")DoWork}我需要做的是，当鼠标悬停在某行上时，只有该行的特定元素才能启用。例如，

P粉425119739 2023-08-13 16:53:14

如何使链接覆盖整个图像？

我希望链接覆盖所有图像，不仅是在中心，而且当您将鼠标悬停在图像上时。.moduledata{position:relative;width:auto;margin:0px!important;max-width:380px;}.moduledata>h5{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}.m

P粉481815897 2024-04-02 20:45:43

特定菜单项的鼠标悬停不显示隐藏的子菜单

我为菜单项创建了一些类，以便我可以调用它们。.dropdownBox{display:none;}.dropdownli:hover>ul.dropdownBox{display:block;}但是，具有.dropdown类的“工作”的滚动状态现在显示具有.dropdownBox类的子菜单项<navclass="screen2_menu_container">

P粉138871485 2024-04-04 14:39:08

如何自定义Antd React目录树节点的背景颜色？

如何使用less样式在鼠标悬停在树节点上时更改antd目录树节点的默认背景颜色？<Tree.DirectoryTree>{data.map((item)=>{return(<Tree.TreeNode//@ts-ignoreitem={item}icon={<></>}key={item.user_folder_id}title={item.titl

P粉825079798 2023-09-03 12:09:15