提问搜索_PHP中文网

社区

学习

工具库

AI工具

休闲

简体中文

热门搜索：
PHP
MySQL
jquery
HTML
CSS

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

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

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

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

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

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

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

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

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

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

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

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

phpcn_u1582 2017-05-15 17:11:53

直接在 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

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

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

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

使用特殊光标更改悬停时的文本

请指导我如何更改悬停时的文本，类似于monopo网站。我不需要背景。只需简单的圆形效果（如彩色背景）和文本更改即可。此外，如果可能的话，我希望该效果仅在名为“about”的div中激活。网站链接：https://monopo.london/

P粉665427988 2023-09-05 23:47:42

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

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

P粉968008175 2023-09-12 09:24:31

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

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

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

二级导航显示问题

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

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

悬停时倾斜效果错误

我有一个带有倾斜效果的按钮，里面有一个文本，当我悬停该按钮时，按钮旁边会出现两行。有代码，将鼠标悬停在按钮上直到看到它，这是一个非常随机的副作用。我认为这是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

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

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

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

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

我希望链接覆盖所有图像，不仅是在中心，而且当您将鼠标悬停在图像上时。.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