Stack Overflow
Stack Overflow

Questions tagged [onhover]

185 questions
20
votes
5 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
  • 205
  • 1
  • 2
  • 8
17
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
16
votes
2 answers

How do you change a style of a child when hovering over a parent using material-ui jss 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
  • 461
  • 4
  • 12
9
votes
3 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
8
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,080
  • 3
  • 14
  • 29
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
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
  • 397
  • 1
  • 4
  • 14
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
  • 547
  • 1
  • 5
  • 17
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
  • 10
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
  • 105
  • 2
  • 7
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,644
  • 8
  • 49
  • 75
3
votes
3 answers

How to change span color on div hover

I am trying to change color of span on div's hover How to make the red hamburger button (which is span) to change the color to black on div's hover PS: Right now it does it on span's hover JSFiddle:…
sparrow
  • 57
  • 2
  • 10
2
votes
1 answer

In chartJS, change label color onhover

I would like to change the color of the label on-hovering over the data bar in chartJS. But the color change is not responsive. Below shows the onhover code that I am using. Does anyone have any ideas how to change the color of the label…
ivor
  • 49
  • 1
  • 4
1
2 3
…
12 13