问题标签 [onhover]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
258 浏览

javascript - how to stop jquery change css of all the divs onhover of a single div

I have blocks of information displayed in divs. I want to change the css of a particular div on hover. But currently when I hover over anyone div the css for all the divs change.

Here's my jquery code :-

How do I change the jquery so that only the div which is hovered upon is affected. There can be a lot of student which means lot of "student-box" will be generated.

0 投票
2 回答
299 浏览

html - 如何使动画在按钮悬停时开始

我想做这样的事情,如果我将鼠标悬停在 XYZ1 上,XYZ1 的信息将显示在 div#troll 中,对于 XYZ2、XYZ2 等,但是当用户悬停 a=href 时,我希望 div 不可见。那可能吗?

0 投票
7 回答
381 浏览

javascript - 为什么最后一个元素总是在悬停时触发?

小提琴:http: //jsfiddle.net/vretc/

正如您从小提琴中看到的那样,我想在悬停时更改跨度的颜色,但不知何故,即使我悬停在前三个元素中,悬停事件仅适用于最后一个跨度。

HTML

jQuery:

0 投票
3 回答
323 浏览

css - CSS 帮助?悬停时的图像

嘿,伙计们,我需要一些 css 的帮助,当我将鼠标悬停在它们上面时,我有一些图像会扩展,但它会同时将所有东西推开

我不希望它这样做,我希望它只是重叠其余图像并在左键单击而不是悬停时展开

0 投票
2 回答
771 浏览

css - IMG 阴影鼠标悬停 CSS

我希望当我将鼠标悬停在星形(7.1)内的星形图像和文本上时,可以在星形周围获得阴影 - 就像图片上的数字 1 一样。

问题是当我将鼠标悬停在星形上时,它会被遮蔽(图片中的数字 1),但是当我将鼠标悬停在文本 7.1 上时,星形不会被遮蔽(图片编号 2)。因此,当我将鼠标悬停在 7.1 号上时,它需要看起来像第 1 号图片。

这是我的CSS代码:

.item-rating.rating img{margin-right: 16px;} .item-rating.rating img:hover {-webkit-filter: drop-shadow(0px 0px 14px rgba(0,0,0,0.5));}

div#rating{margin-left: 36px; 边距顶部:-32px;位置:绝对;}

rating img 是 star.png 的图像,div#rating 是文本 7.1。

如何解决这个问题?我在玩 z-index 和绝对位置和相对位置,但不行。在此处输入图像描述

0 投票
3 回答
278 浏览

javascript - HTML 标签是否与 jQuery 兼容 .on('hover',...)

当用户将鼠标悬停在标签上时,能够淡化或隐藏表单的输入标签会很好。在我的特殊情况下,我“绝对”将标签放置在输入框的顶部,因此当用户将鼠标悬停在标签上或单击输入框时,我希望标签消失(因此它们的类型不是显示在标签文本下方)。

我能够使用 CSS 在单击文本输入时隐藏标签,但还没有找到一种方法在悬停(或鼠标悬停)或类似的东西时使标签“显示:无”。

这是我对 jQuery 的想法,但无法让悬停工作:

HTML:

编辑:调整后的标记有效,但问题仍然存在。

0 投票
1 回答
241 浏览

css - 水平下拉导航纯css

我正在一个带有水平下拉导航的网站上工作,但它没有按应有的方式工作。

在第一个悬停之前,我无法隐藏第二级导航。我知道我需要直系后代。此外,当当前页面在导航上时需要显示,但我无法解决!

我现在在那里的CSS如下。我无法告诉你我会多么感激任何帮助。

该网站是:http ://www.lifetimetraining.co.uk/

}

}

}

}

}

}

}

}

}

}

}

}

}

}

}

}

}

}

0 投票
1 回答
2374 浏览

android - Galaxy S4:输入法的 onHover/Airview 不起作用

InputMethod 中的 AirView 不起作用

我正在尝试使用三星 Galaxy S4 的新 AirView 功能,特别是 onHover 事件。我已经让它在正常的应用程序中运行...

  • 针对 API 级别 17
  • 提供 onHover 事件监听器
  • 为 com.sec.android.airview.HOVER 设置意图过滤器

现在我想将它用于输入法。我的问题是输入法的视图没有得到任何 onHover 事件,即使我也设置了 airview 意图过滤器:

AndroidManifest.xml 的摘录:

目前,我的输入法布局中有一个带有单个按钮的简单 LinearLayout:

事件监听器设置如下:

以相同方式设置的 onClick 侦听器按预期工作。

任何指针?

0 投票
1 回答
167 浏览

html - 在悬停不同的容器时显示容器

我试图在将鼠标悬停在页面徽标上时显示隐藏的 div。

该网站是:http ://www.enbloc-magazin.de/

正如我所说,我想在将鼠标悬停在徽标上时显示一个容器(#snowflakesContainer,显示:无;)。

我使用了几个脚本,例如:

但没有任何效果。

隐藏容器的css是:

谢谢你的帮助!

0 投票
1 回答
243 浏览

javascript - 将鼠标悬停在文本上时图像旋转

对,我有一个带有文本的 div,当我将鼠标悬停在文本上时,它会变成红色并且左边距为 4px,它旁边还有一个星星的图像,我想要实现的是当文本悬停在星形旋转时,它仍然会变成红色并且有 4px 的边距,有什么想法吗?