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 0  1  575

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

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

P粉254077747 2024-04-03 15:14:43 0  1  682

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

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

P粉940538947 2023-09-06 20:29:59 0  1  648

angular.js - angularjs 使用鼠标悬停时，标签一直闪

我在用angularjs写一个鼠标悬停事件的时候发现鼠标时标签一直闪， angular代码如下： {代码...} 请问一下这段代码有什么问题吗? 要实现的效果就是鼠标悬停到登录成功的标签时，出现进入主页标签。 麻烦看出问题的...

巴扎黑 2017-05-15 17:07:12 0  3  714

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

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

学习ing 2017-06-24 09:44:08 0  3  969

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

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

P粉635509719 2024-03-26 14:04:58 0  1  540

javascript - 如何在事件执行完毕后立刻停止事件

我有一个鼠标移入移出显示隐藏的事件，但是鼠标如果多次滑过就会执行多次，如何在鼠标移出事件执行完毕后立刻停止事件？ {代码...}

ringa_lee 2017-06-14 10:54:31 0  5  907

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

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

P粉289775043 2024-03-27 20:29:28 0  1  502

如何在鼠标悬停时根据组件字段更改div背景

我有一个div，当它被悬停时，背景颜色会改变，我还需要根据组件中的一个元素选择颜色。<div*ngFor="letuofusers;"[style:hover.background-color]="u.selected?'red':'blue'"></div>

P粉968008175 2023-09-12 09:24:31 0  1  624

求一款javascript地图标记插件

1，有没有这样一款javascript插件可以实现下面这种效果 左侧的三个对象可以拖拽到右侧地图上，拖拽到地图上松开鼠标后会在地图上留下一个标记（用来标记地图位置），松开鼠标后弹出可以编辑的对话框。

怪我咯 2017-05-18 10:49:58 0  1  667

javascript - 鼠标hover显示红色边框这种效果怎么实现

谁做过这种效果这是我写的，使用border-right:1px solid #eee;border-bottom:1px solid #eee；鼠标悬浮时ul li:hover{border-color:#ed9639;}怎么让左边也有一像素红框

过去多啦不再A梦 2017-07-05 11:04:45 0  8  1320

悬停时倾斜效果错误

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

P粉520545753 2024-03-29 13:34:50 0  1  413

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

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

P粉757432491 2023-08-17 17:36:49 0  1  573

如何更改 MUI 工具提示的背景颜色？

我想要一个“？”用户可以将其悬停在图标上并获取有关应在文本字段中输入哪些数据的规范。MUI的默认悬停是灰色的，带有白色的文字，但我希望我的悬停是白色的，带有灰色的文字，并且字体更大。我发现使用对于字体大小和颜色效果很好，但是当我更改背景颜色时，悬停文本字段周围有一个灰色边框。这是hover.js组件：exportdefaultfunctionHoverTip(prop){const{tip}=pr

P粉147045274 2023-09-04 11:56:50 0  1  1017

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

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

P粉786800174 2024-04-01 09:43:54 0  1  536

图像的起点和终点

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

P粉511757848 2023-08-31 12:24:51 0  1  611

javascript - html 中select如何修改样式，鼠标悬浮时改变option样式，有没有插件啊

我查了一下有select2，bootstrap-select插件，但是没有悬浮改变样式的功能，求大神指点啊

过去多啦不再A梦 2017-05-31 10:41:59 0  4  1406

javascript - 相册效果如何实现的？用什么插件？

图片点击预览、左右滑动、还有数字，我把链接放到电脑上来，鼠标点击就没有效果了。有没有成熟的插件可以用啊。自己写的遮罩可以实现预览，但是左右切换不是很好写。

PHP中文网 2017-06-30 09:56:05 0  4  829

javascript - js（Vue）实践：怎么做出输入@，然后自动出现相关人选的列表？

做出效果如下： 效果描述：1.用户输入@符号，出现选项列表，且选项列表自动定位到@符号后面。（目前的思路是：动态监听输入字符如果为@，列表框出现在光标悬停位置。）2.当用户输入@后用户忽略选择继续输入，当用...

PHP中文网 2017-07-05 11:03:32 0  3  3698

改变MUI中文本字段标签的颜色

嗨，我在更改MUI文本字段中的文本标签颜色方面遇到了问题。我已经成功自定义了边框颜色和悬停状态（包括标签），只是在非悬停状态下无法更改标签颜色。我尝试了在DOM中找到的各种类名（包括MuiInputBase-input），就像我在其他地方做的那样，但都没有成功。我还尝试了inputProps，但也没有任何效果。以下是我的代码：<TextFieldclassName="w-fullm

P粉860370921 2023-08-26 17:15:52 0  1  643