hover相关内容

将鼠标悬停在元素上并影响另一个div中另一个元素的不透明度

我试图创建一种效果,当您将鼠标悬停在列表项上时,它会将图像(在完全不同的div中)的不透明度从0更改为1。当您将鼠标悬停在img本身或其父元素上时,我在CSS中可以毫不费力地做到这一点。但这把我难住了。以下是我所拥有的(我是jQuery的新手,所以可能完全错了)。 #img-nav img {opacity:0.0;} #img-nav:hover img {opacity: ..
发布时间:2022-09-03 22:49:40 其他开发

将放大效果添加到引导图库

我想用bootstrap制作一个如下所示的图库: https://mdbootstrap.com/docs/standard/extended/gallery/ 一切都正常,但我想给这些图片添加一个悬停效果,所以我把它们都放在不同的容器里,这很管用,但现在图片不再对齐了,因为一些是水平的,另一些是垂直的:/ 有没有人有办法解决这个问题? 以下是我的项目代码: https://codep ..
发布时间:2022-08-26 09:33:35 前端开发

有没有办法让GIF在鼠标不在的时候播放悬停和暂停?

我想知道是否有方法可以使GIF具有这种行为: 页面中的启动暂停; 仅在悬停时播放; 暂停在将鼠标拖出图像时的确切帧。 可以做到这一点吗?最好不要使用Java脚本,但如果需要,我可以使用它。 推荐答案 有。基本上,您将需要创建自己的gif使用单独的框架。实质上,您创建X个帧,然后使用keyframes将它们作为绝对定位div的background-image属性循环。“g ..
发布时间:2022-07-20 18:16:36 前端开发

在SVG路径上同时使用缩放变换和平移

我已经阅读了关于这个主题的几个帖子,也许会有一些答案。无论我是不理解它,还是它不适合我的问题,这是我的问题: 我有一个路径(在SVG中),我想将鼠标悬停在它上面并从它的中心展开。然后我考虑了几个选项(比如使用关键帧的动画或使用DOM)。我尝试使用Transform来解决它,但是如果我使用Scale(),它会使路径的坐标远离其中心,并且如果我尝试使用Translate()​重新定位路径,它无法 ..
发布时间:2022-07-13 13:30:12 其他开发

WordPress在HOVER-jQuery上显示特色图像。延迟异常:未定义hrefValue

我正在尝试创建在链接悬停时显示以图片为特色的帖子的网站。 示例: 所以我开始学习基本的jQuery和php,并尝试使用get_the_post_thumbnail($post_id);函数来实现这一点,该函数根据post id返回图像。为了获取id,我使用了url_to_postid();wordpress函数。正如它所说的:&q;检查一个URL并尝试确定它所代表的帖子ID。&q;因此 ..
发布时间:2022-02-25 21:58:19 PHP

当我将鼠标放在JavaScript上时,我需要重新定位方块。我该怎么做?

A.在";init";函数中添加";reposition";函数所需的代码,当您将鼠标悬停在与CSS类&Square";相关联的页面元素上时,立即调用";reposition";函数所需的代码。 B.修改";reposition";函数,使其允许您相对于对角线对称地重新定位正方形。 要做到这一点,只需颠倒该正方形的水平和垂直位 ..
发布时间:2022-02-24 20:18:16 前端开发

jquery.flot.dashes.js 是否支持 plothover 和 plotclick?

通过使用 plothover 事件,我使用正常的图形选项(不使用破折号)设置了一个可行的工具提示系统,但是当我切换到“黑白"模式(使用破折号)时,绘图无法悬停.使用破折号时,有什么方法可以使图表保持可悬停和可点击?或者有一种方法可以在没有破折号的情况下以黑白方式制作出体面的情节? 示例系列:{data: data, dashes:{show: true, dashLength: 2}, co ..
发布时间:2022-01-22 23:00:30 前端开发

鼠标悬停消息显示在图像 jquery/js 的某些部分

我在 html/php 页面尺寸为 500x500 像素上有这张图片.现在我希望它的部分被切片,当用户将鼠标悬停在图像不同部分的图像上时,应显示不同的消息.. 假设图像被分成 20 个部分,或者我为每个切片选取开始和结束坐标.我如何制作一些 js 代码,以便在同一张图像上有不同区域的不同消息(工具提示)显示.. 各位有什么帮助吗?? 我曾想过使用地图、区域和坐标方法进行编程..但 ..
发布时间:2022-01-22 23:00:03 前端开发

如何禁用 Highcharts 中的悬停颜色变化?

我正在为我的项目使用柱形图.我编写了一个自定义函数,根据 y 值对图表的每个条形进行着色.当我初始化图表时,这工作正常.当我将鼠标悬停在图表上时,条形图的颜色会恢复为默认值,而我的自定义颜色永远不会返回. 我尝试在悬停时禁用,但这似乎不起作用.即使将鼠标悬停在栏上,我也不希望颜色发生变化.有什么建议吗? 解决方案 你更新颜色的方式不对,使用 point.update() 代替:htt ..
发布时间:2022-01-22 22:59:55 其他开发

CSS,悬停一个元素,影响另一个

当我将鼠标悬停在“li a"上时,我会影响纯 CSS 中的另一个元素吗? 因为当悬停我的链接时,我试图让一个框作为背景元素滑入.就像这个网站导航一样,它不是在激活时而是在悬停时工作 http://www.zindhai.com 这是我的代码 nav ul li a:hover{颜色:#C3E1FF;字体粗细:700;}导航 ul li 跨度:悬停{-webkit-transfo ..
发布时间:2022-01-22 22:59:36 前端开发

jquery如何在悬停时仅更改一个父级

当我将鼠标悬停在 标记上时,我只想更改一个父级.代码是: $('.hover').each(function () {$(this).parent().hover(function () {$('p').parent(this).css('font-size','30px');}, 功能 () {$('p').parent(this).css('font-size','10px');}) ..
发布时间:2022-01-22 22:59:24 其他开发

使用 :hover 元素的内联样式(使用 HTML/CSS/php)

可能的重复: 如何嵌入 “a:hover{…}”规则到文档中间的样式属性? 如何在内联CSS中编写a:hover? 我想动态更改元素的悬停颜色,但不使用外部 CSS 样式表,只使用内联.这是代码(使用php生成元素) echo ' '.$内容.''; 当用户将鼠标悬停在该容器元 ..
发布时间:2022-01-22 22:59:06 PHP

实现悬停信息框

我有一个日历,当用户将鼠标悬停在一个单元格上时,会出现一个带有该日期详细信息的大型信息框.虽然当用户离开时让信息框消失,但我遇到了一些麻烦. 我基本上想要它,这样当鼠标光标移出被信息框隐藏的日历单元格时,它就会消失.但是我遇到了麻烦,因为 mouseenter 和 mouseleave 将信息框作为顶部元素搞砸了. 所以我尝试通过使用透明的“占位符"div 来解决这个问题,它们的形状和 ..
发布时间:2022-01-22 22:58:50 前端开发

CSS 悬停+背景图片

我正在使用 HTML/CSS 创建一个特殊的 UI 控件来模仿 Windows 7 控制面板按钮.到目前为止,我已经完成了布局,现在我想在其中添加一些化妆品. 如此处所示,当您将鼠标悬停在按钮上时会出现一个渐变. http://m.cncfps.com/zack/files/this-control.png 现在,您可以在这里看到我已经完成了布局.我想用背景图片为整个 div 项 ..
发布时间:2022-01-22 22:58:24 前端开发