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
2
votes
2 answers

CSS only: Two div with common background which change on mouse-over one of them

* { padding: 0; margin: 0; } html, body { height: 100%; } .body { height: 100vh; text-align: center; } .square { width: 100vm; height: 100vm; /* For IE9 */ width: 100vmin; height: 100vmin; display:…
yoan26
  • 71
  • 11
2
votes
3 answers

JQuery's hover function does not display the alert message

I am trying to show an alert box with the message "Let's have fun!" when the hover occurs. It has to use a jQuery script block that includes the ready event, and a jQuery statement to listen for the hover event in the main element. Then using…
user5590713
  • 35
  • 2
2
votes
2 answers

jQuery adding active class and removing hover effect on menu

am new to jQuery. I have mouse hover border bottom and active class which also have same border bottom. However I don't want mouse hover when my menu item is active? How can I do that because currently I have two border bottom when my menu item is…
Kahn
  • 429
  • 3
  • 6
  • 19
2
votes
4 answers

jquery hover().addClass() problem

http://jsfiddle.net/aBaw6/2/ This demo does not add class when you hover a list item. What am I doing wrong here? $("li").hover( function () { $(this).addClass('hover); }, function () { $(this).removeClass("hover"); } ); html
    …
shin
  • 31,901
  • 69
  • 184
  • 271
2
votes
2 answers

How can I get my CSS code to work on Firefox and IE

I have an image hover from grey-scale to color, site wide for all images in my site. It works perfect in Safari and Google, but in Firefox and Internet Explorer it is not working at all. Here is the code: img { -webkit-filter: grayscale(100%); /*…
Autum Brown
  • 21
  • 1
2
votes
2 answers

javascript video thumbnail preview

I found a very useful video preview: http://www.cjboco.com/demo.cfm/project/cj-image-video-previewer/1.1.1/ I follow the instructions and i come up with a simple htm page.
simona
  • 47
  • 1
  • 8
2
votes
3 answers

How to add a tooltip on inputbox dynamicaly in angular 2

I have an input box and I want to show a Tooltip message on hover on input box, which will be based on the response we get from service. If service response is 'true', the message in tooltip will be "true message" and if service returns false then…
Er Vipin Sharma
  • 2,519
  • 8
  • 22
  • 32
2
votes
1 answer

ng-bootstrap accordion title no underline on hover-effect

I am using ngb-accordions in my angular4 app. One accordion should always be opened. My only problem is that I am not able to remove the underline on hovering. Here is my html-code: