Stack Overflow
Stack Overflow

Questions tagged [hover]

Hover refers to the action of placing the mouse cursor over a given element. Hover can also refer to an event in which a user on a touch-enabled device touches a given element.

Hover (sometimes referred to as ) is an event in which the user places the mouse cursor over any given element in a graphical user interface. Hover can also refer to an event in which a user on a touch-enabled device touches a given element.

In most cases, when hovering an item such as, for example, an , the cursor will change from default to pointer (small hand with index pointing) to indicate to the user that the item is clickable.

10690 questions
40
votes
4 answers

CSS: styled a checkbox to look like a button, is there a hover?

I've created a small looking button to display instead of a checkbox. I was wondering if there was a way to also have a :hover look somehow? HTML:
trying_hal9000
  • 4,343
  • 8
  • 43
  • 62
39
votes
7 answers

How to start mouseover event while dragging

When I drag an element over another div on which I have a mouseover event, the event doesn't trigger. However, it works if I hover over it without dragging. Is there a way to detect hover events on an element if I drag another one over it?
V.Rashkov
  • 1,527
  • 4
  • 18
  • 31
39
votes
5 answers

Jquery on hover not functioning

I'm changing my codes to be compatible with jQuery 1.8 and I'm stuck with this hover which doesn't work. When I used then same thing with a click it worked. Here is my code, can anyone tell me where I'm going wrong? $(document).on('hover',…
Param Veer
  • 776
  • 4
  • 13
  • 27
38
votes
3 answers

CSS lighten child elements on parent mouseover

here is my problem. I have a div which contains two other divs: basically one for header, one for content. I'd like to lighten (change alpha level, or some other method is welcomed), when the user points the mouse over the parent div. Colors of both…
ZolaKt
  • 4,683
  • 8
  • 43
  • 66
37
votes
3 answers

CSS3 Transition Ease in and out Box Shadow

I am trying to get div id to ease in and out of a box shadow using CSS3. The current CSS I have is: #how-to-content-wrap-first:hover { -moz-box-shadow: 0px 0px 5px #1e1e1e; -webkit-box-shadow: 0px 0px 5px #1e1e1e; box-shadow: 0px 0px…
Tom Pinchen
  • 2,467
  • 7
  • 33
  • 53
36
votes
4 answers

How to customize hover-template on with what information to show

Here is my dataset: After locking my dataframe by year and grouping by month, I proceed with calculating percentage increase/decrease as a new column; it ends up looking like this: Now for my Plotly plot I use this to display traces and add some…
DGomonov
  • 715
  • 1
  • 7
  • 19
36
votes
2 answers

How do I change an image on hover over in WPF?

How can I change an image when I hover over it? All I have so far is:
Eli Perpinyal
  • 1,706
  • 3
  • 19
  • 35
34
votes
5 answers

How to hover over an SVG rect?

In this piece of SVG (tried in FF 8, Safari 5.1.2, Chrome 16, all on Mac), when moving mouse over the bar, none of the browsers properly detect each on-mouse-over/out event, sometimes it works sometimes it doesnt. But it's consistent across all the…
milan
  • 11,872
  • 3
  • 42
  • 49
34
votes
4 answers

Bokeh Plotting: Enable tooltips for only some glyphs

I have a figure with some glyphs, but only want tooltips to display for certain glyphs. Is there currently a way to accomplish this in Bokeh? Alternatively, is there a way to plot two figures on top of each other? It seems like that would let me…
Imaduck
  • 385
  • 1
  • 3
  • 6
34
votes
16 answers

Fix CSS hover on iPhone/iPad/iPod

I want to fix the hover effect on iOS ( change to touch event ) but I dont have any idea . Let me explain this . You have a text in your page :
hello world
With style : .mm { color:#000; padding:15px; } .mm:hover {…
user2627442
  • 351
  • 1
  • 3
  • 6
33
votes
1 answer

Is :not(:hover) and :hover a safe way to hide accessible elements?

Sometimes it appears helpful to make certain page elements only visible on e.g. hovers. An example is stackoverflow's "feedback - Was this post useful to you?"-widget. As those elements might be crucial to the interface, such a show-on-hover-feature…
Richard Kiefer
  • 1,814
  • 2
  • 23
  • 42
33
votes
3 answers

How can I trigger a :hover transition that includes three overlapping div elements (Venn diagram)

My problem is that I have this Venn diagram consisting of three div elements and I want to scale them with :hover, so that when I hover over an intersection all the circles that meet in the intersection scale to my defined value. In the moment I…
mseabra
  • 333
  • 2
  • 7
33
votes
4 answers

How to fix blurry Image on transform scale

When i put transform: scale(1.1); on hover on some element the image became blurry. How to fix this bug? Example
Viktor Zahov
  • 333
  • 1
  • 3
  • 4
32
votes
4 answers

jQuery: trigger a hover event from another element

When you hover over one
Don P
  • 60,113
  • 114
  • 300
  • 432
32
votes
2 answers

jquery trigger hover on anchor

I'm using jQuery to develop in web environment. I want to know why $("#a#trigger").trigger('mouseenter'); $("#a#trigger").trigger('hover'); $("#a#trigger").trigger('mouseover'); All 3 of those aren't working to activate a hover function that I…
Ori Refael
  • 2,888
  • 3
  • 37
  • 68
1 2 3
…
99 100