提问搜索_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

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

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

巴扎黑 2017-05-15 17:07:12

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

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

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

悬停时倾斜效果错误

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

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

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

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

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

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

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

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

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

我有一个弹出菜单，我试图使用鼠标悬停事件来切换它，但它似乎没有按预期工作。我尝试通过像这样定位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

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

css - 如何让鼠标停留的时候title悬浮显示出来的文字换行呢?

图片中简介处代码用的这个title="{{value.teacherInfo.remark}}",鼠标停留在简介上时,悬浮显示了右边的简介里的文字,可是遮盖住了左边的简介,如何让title出来的文字换行呢?简介：{{value.teacherInfo.remark }}

phpcn_u1582 2017-05-15 17:11:53

按钮激活导致悬停效果故障

我一直在努力学习网络开发的基础知识（HTML、CSS和JS），所以我一直在尝试制作一个可用的苹果计算器。一切都工作正常，直到我注意到一个小错误。一开始，操作按钮上的悬停效果效果很好，当我悬停时颜色变得更亮。当我按下按钮时，按钮会变得更加明亮并保持这种状态，直到用户输入另一个数字（或“等于”按钮）来与前一个数字进行操作。之后，操作按钮将变为正常颜色。在那之前，一切都很好，但我注意到，在用户按下按钮并

P粉548512637 2024-04-01 21:51:26

使用 Psuedo 元素的 CSS 悬停效果与主元素重叠

基本上，当我悬停时，我希望效果如下所示：我的网站在这里代码如下忽略！重要：.cta-button-menu,.cta-button-menu::before{transition:all0.3slinear!important;width:120px!important;height:50px!important;display:inline-flex!important;justify-cont

P粉838563523 2024-03-20 10:31:28

实现导航栏悬停效果的方法

我正在处理我的垂直导航栏。那个图标的名称应该在右侧可见。当鼠标悬停在图标上时，名称也应该从白色变为黑色，但它没有起作用。我尝试改变周围的标签，看看是否有帮助。我还改变了HTML中的标签，并在CSS中改变了标签，以使标签能够起作用。我在这个网站上查找了解决我的问题的方法。我无法让我的导航栏工作。我无法弄清楚如何在这里放置代码。如果可以帮助的话，我愿意通过消息发送我的代码。我花了超过30分钟尝试弄清楚

P粉041758700 2024-01-10 18:06:56

javascript - 使用vue2.0 transition怎么完成鼠标移上去，从屏幕外侧滑出二维码，离开二维码滑出屏幕的效果，

使用vue2.0 transition怎么完成鼠标移上去，从屏幕外侧滑出二维码，离开二维码滑出屏幕的效果，以下是我写的代码，但是我写的下过却是：鼠标移上去，盒子是滑动过来的，鼠标没离开，盒子却已经消失了，求解 .erwe...

PHP中文网 2017-05-19 10:30:36

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

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

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

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

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

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

怎么可以实现在手机浏览器看到链接的title属性，就是鼠标放上去会有一个tip效果的

电脑上可以看，手机上没有鼠标移上去这个mouseover动作有什么js脚本可以增强这个title属性的效果吗

阿卡 2018-10-18 15:37:43

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

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

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