Stack Overflow
Stack Overflow

Questions tagged [onhover]

215 questions
59
votes
4 answers

How do you change a style of a child when hovering over a parent using Material UI styles?

I'm using Material UI in react. Let's say I have this component with these styles: const useStyles = makeStyles(theme => ({ outerDiv: { backgroundColor: theme.palette.grey[200], padding: theme.spacing(4), '&:hover': { cursor:…
Pieter Buys
  • 1,280
  • 1
  • 10
  • 20
22
votes
6 answers

Move link image 5px up on hover

How would I go about acheiving an effect similar to that on this site's portfolio page Solid Giant, with CSS and HTML? I had thought that just putting something like this would work: a img{ margin-top: 5px; } a img:hover{ margin-top:…
Amanda
  • 225
  • 1
  • 2
  • 8
19
votes
3 answers

Google Chrome Extension: highlight the div that the mouse is hovering over

I am new to Google Chrome extensions and trying to write an extension that highlights a div on hover. If there is a div inside another div and inner div is hovered, I would like to highlight the internal div only. I have got some of the samples…
user425445
9
votes
6 answers

Hiding title tags on hover

I've looked through previous questions and none of them have really worked for me, i've checked google to and the information I found seems pretty vague, so I thought i'd try here. Is anyone aware/or have tackle the problem of title tags displaying…
Aaron Lee
  • 1,146
  • 3
  • 14
  • 29
9
votes
5 answers

onHoverListener doesn't work in Android

In android document, it mentions supporting the "hover" event since 4.0 (ie. API level 14 and up). But somehow, it doesn't work. Even I tried out the sample code in ApiDemo, which is from Android Sample, it didn't work. My current device is Android…
Josh ZHOU
  • 91
  • 1
  • 1
  • 2
6
votes
1 answer

How do I add vertical moving hover line to my plotly chart

I am trying to achieve what is done here: https://www.quantalys.com/Fonds/120955 with javascript in python plotly. I want to add the hover vertical line and the red annotation on the x axis. I have done some searching on goolgle but I couldn't find…
Stephinext
  • 487
  • 2
  • 6
  • 14
6
votes
3 answers

Javascript play sound on hover. stop and reset on hoveroff

function EvalSound(soundobj) { var thissound=document.getElementById(soundobj); thissound.currentTime = 0; thissound.Play(); } function StopSound(soundobj) { var thissound=document.getElementById(soundobj); …
user2081357
  • 63
  • 1
  • 2
  • 6
6
votes
0 answers

Android Detect When Finger Is Hovering over a Button

I have created a game where if the user presses a button, it moves the snake in that particular direction. Rather then when you PRESS a button, I want to make it so when the finger is hovering over the button the snake moves instead. So I have…
Jacob Weber
  • 103
  • 1
  • 7
4
votes
3 answers

How to apply .onHover to individual elements in SwiftUI

I am trying to animate individual items on mouseover. The issue I am having is that every item gets animated on mouseover of an item instead of just that specific item. Here is what I have: struct ContentView : View { @State var hovered = false …
Isaac
  • 645
  • 1
  • 7
  • 17
4
votes
3 answers

Are HTML labels compatible with jQuery .on('hover',...)

It would be nice to be able to fade or hide a form's input label when a user hovers over the label. In my particular case, I've 'absolutely' positioned the labels on top of the input box, so when a user mouses over the label OR clicks into the input…
beta208
  • 617
  • 1
  • 6
  • 18
4
votes
7 answers

Why last element always fired on hover?

Fiddle: http://jsfiddle.net/vretc/ As you can see from the fiddle, I want to change color of span when hover on it, but somehow even I hover any in the first three element, the hover event just apply for the last span. HTML

…

user2335889
4
votes
5 answers

gif starts playing on hover and stops when mouseout?

I wana make the below gif which stoped initially but starts playing on hover and when mouseout it will stops... can anyone help me out??
RJ Style
  • 111
  • 1
  • 2
  • 11
3
votes
1 answer

onHover event is not triggering in chart.js

I want to change the cursor when the mouse moves on the chart, something like this fiddle. This works with chart.js v2.4 but not works with v2.6 & v2.7 any idea? var ctx = document.getElementById("canvas1").getContext("2d"); var mychart = new…
z f
  • 135
  • 2
  • 9
3
votes
2 answers

jQuery advanced tooltip with different onhover and onclick content

I have to implement a strange requirement that goes as follows: Users can hover on a link and get a descriptive text like "some text here" Users can click on the very same link and get a completely different text that might also contain markup…
kazanaki
  • 7,988
  • 8
  • 52
  • 79
3
votes
1 answer

Detecting mouse hover over a popover from openlayers3

I would like to detect when the mouse is hovering over a (bootstrap) popover from an openlayers3 map, so that I can leave the popover open in this case, but destroy it in all other cases. My map has a lot of features with popovers containing links,…
Animik
  • 319
  • 5
  • 15
1
2 3
…
14 15