Most voted "hover" questions
68 questions
Sort by count of
-
7
votes4
answers147
viewsIs there any way to decrease this script without losing functionality?
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.1.4.min.js"></script> <script> $("div#contenthead div.left span").hover(function() { $("div#contenthead…
-
5
votes2
answers669
viewsHow to handle div size without using Hover
Edited -- Despite having asked exclusively in css, I saw that in fact the final result in JS is much more professional and lean. Being so I confirmed the reply of @Renan as the one that actually…
-
5
votes1
answer1238
viewsActivate HOVER without clicking the same div
Next, I have 2 tables, the items in the second table have Hover. I need to mouse 1 item of the first table and it activates the Hover of the respective item of table 2, but I can’t pull the same id…
-
5
votes3
answers16389
viewsHover effect on one element affect another
I wonder how I can make the event :Hover in one element take effect in another... I have the following code: <ul> <a href="#"> <li> <div id="search-image"><img…
-
4
votes2
answers959
viewsJquery hover function in dynamic elements
Is there any way to use the hover with jQuery in dynamically created selects options. I tried to use the function on() and the live() but it didn’t work out. I tried so: $(document).on('hover',…
-
4
votes3
answers5001
viewsHover effect on JS
I have a problem that is the following: I want that when the user hovers the mouse on a given image another location wins a class so that I can style it, they could help me? I’m trying this way: var…
-
4
votes2
answers33
viewsUnwanted space on an edge with Hover event
I’m trying to replicate the menu effect of OW game modes selection and I came across the following problem: Apparently it is working right. However, when the border appears, it has an extra spacing…
-
3
votes1
answer1064
viewseffect :Hover and :active for image
As you can see in the code below, I have 3 links with an image in each of them, which direct to a iframe below. These images are in grayscale, but when you mouse over them they are colored thanks to…
-
3
votes3
answers135
viewsProblem with Hover event in Firefox
The following code is to use the event Hover in the first image and change the class of the second. But after testing, it did not work in the Firefox browser, working only in Chrome, Safari and…
-
2
votes1
answer473
viewsI can’t solve a goal using ":Hover". What to do?
I’m doing an institutional website and it’s a kind of web-design agency, only it’s more to learn. Then at HOME I made several little blocks with links to the service pages. And in each block my…
-
2
votes2
answers35
viewsDropdown Hover work just above 1200px
If anyone can help me, I need Hover Javascript to work only at resolution above 1200px, I made the code but it’s not working. $(function() { if($(window).width() > 1200) { $('ul.nav…
-
2
votes1
answer156
viewsHow to make a button clickable after a certain time on Hover?
For the button to be clicked the user needs to keep the mouse on it for 2 seconds.
-
2
votes1
answer47
viewsHow to apply the Hover (Jquery) effect to a specific group of classes?
I’m creating a web page that would be something like a store. The idea of this code is that, by giving it to the div. lojaprodutos, appear two other Divs (one on the right and one below), and this…
-
2
votes1
answer184
viewsTransition when using Hover - How to do a "reverse" mode?
Here is the transition: .subcont { width: 250px; height: 180px; background: purple; } .border1 { position: absolute; width: 5px; height: 0; margin-left: 250px; margin-top: -5px; background: red;…
-
2
votes2
answers280
viewsHover in html and css navigation
Good people, here’s the thing, I’ve been after it for a while. I’ve been trying to box around the links in hover, this box will have a shadow and rounded corners, someone can help me? Thanks in…
-
2
votes1
answer110
viewsHover on SVG on my page does not answer
I am trying to create a circle with several divisions in SVG, and each section when passing the mouse, I would like the background color to change. However the code I’m trying to use isn’t working.…
-
2
votes2
answers89
viewsHover mouse does not work in the circular calendar cells in SVG
I would like to ask for help again, I’m having a hard time running Hover (CSS) on my SVG. It is a circular calendar with 31 days, divided into three shifts (each layer is a turn). When hovering over…
-
1
votes1
answer255
viewsCSS: Dropmenu with Login
I have a drop-down menu :Hover for a div that contains 2 input, login and password, and two buttons, so when I try to type something in the div(that appeared with the li’s Hover) it goes away...…
-
1
votes1
answer197
views:Hover in previous element
I would like to give :Hover on button "2" mundaning the effect on button "1" <div class="btn um">1</div> <div class="btn dois">2</div> <div class="btn…
-
1
votes0
answers364
viewsAnchor does not stop at the beginning of the div and link does not remove blue subline
Good afternoon guys, I’m building a site of only one page and navigation by anchors but I’m having a problem, by clicking on the menu that redirects to the anchor of the div corresponding to the…
-
1
votes3
answers2739
viewsMaintain the Hover effect when clicking on the link (active)
I have a <aside> and within it a structure ul>li (menu) according to the code below, I would like that when clicking on the item and the page of the same one is redirected, the menu is…
-
1
votes2
answers275
viewsHow to use jQuery’s reverse function to undo something?
I am using the code below to apply an effect and undo as soon as the mouse is removed but it does not seem to work and shows no error message. I am using version 1.12.4 of jQuery.…
-
1
votes1
answer60
viewsmouse Hover Javascript
I managed to do it with jquery, here’s the code for whoever needs it. <script type="text/javascript" src="dist/jquery/jquery-1.12.3.min.js"></script> <canvas id="diamond" width="100"…
-
1
votes2
answers1217
viewsOverlay two images with :
My goal would be for an image in . png to be above an image . jpg when passing the cursor over it. I tried with the following code: .image{ width: 320px; height: 180px; } .image:hover{ content:…
-
1
votes2
answers150
viewsDiv Slider between images on Hover
Good afternoon, I need to set up a project for a photography client and the same asked me something I had never done, I tried to search the internet but I could not find something to help what I…
-
1
votes1
answer319
viewsHover in Third Div Affect First - Previous Sibling Element - With Pure CSS
<div class="selelikes-wrap"> <div class="selelike"> <span><</span> </div> <div> <span>0</span> </div> <div class="seleunlike">…
-
1
votes5
answers2851
viewsHow to put background-color on top of background-image
I need to put a div with a background-image background, and while hovering over it with the :hover, a background-color appears rgba transparente, and the background image does not disappear, it will…
-
1
votes2
answers190
viewsWhy doesn’t :Hover work this way?
I have the following code: .player-info .episodios-lista .lista-episodios{ width:100%; height:100%; overflow-x:hidden; overflow-y:auto; box-sizing:border-box; display: flex; display: -webkit-flex;…
-
1
votes1
answer201
viewsHow to style various elements with different styles in the Hover
I have a div with several links, like this: Where in the hover of div (wrapper) did only underline the bold text (title) but when doing hover in tags underlined the respective tag and did not…
-
1
votes1
answer1600
viewsHTML-CSS hide and show submenu does not work
I’m trying to make a menu that opens when passing the mouse opens the corresponding submenu. In this case, the "blouses and shirts" menu should be with its submenu closed, opening only by hovering…
-
1
votes1
answer80
viewsProblem in the Hover effect with Less
I’m trying to make an effect of hover to add a background-color in my image but does not work it creates the background-color Behind the picture I needed her to stay in front I’m using less to do…
-
1
votes1
answer456
viewsCSS - Help with Hover in the menu
Good evening guys, I’m having a problem with my menu.. I want to space it but then when I use the padding it creates an area around that when passing the mouse near it already triggers the Hover and…
-
1
votes2
answers651
viewsHow can I use mouseover to change the background color of a div?
Hello, I would like to change the background color of a div when you put the cursor on it, how do I do this? Div in question [HTML]: <div class='container2'> <div class="MP"> <img…
-
1
votes1
answer118
viewsHow to specify an address that is outside a set of div
I made a menu with 'Hover' effect but I want to change the color of the gray bar of the menu by touching the cursor on the "Search and News" buttons but I do not know how to specify the address .…
-
1
votes1
answer872
viewsHow to apply Hover to all *siblings or *children?
Good evening Guys, this is my first question here on the forum, so sorry if it doesn’t formulate in the best way. The problem I’m facing is applying the css effect :Hover to all sibling or child…
-
1
votes3
answers388
viewsChange DIV gradient background with Hover on buttons
I am studying HTML5 and CSS3 through an EAD course. I made a screen with social networking buttons with effect by hovering over (just training). The button goes up and below appears the name of the…
-
0
votes2
answers1047
viewsProblem with Hover in p button/ change background color
Basically, I’m trying to make the Hover effect on a button make the background change color, but I can’t find any solution on the internet, including here. I’ve tried that with elements like…
-
0
votes2
answers39
viewsHow to apply the Hover method in my class?
I have the following code: <section class="content-header"> <h1><i class="fa" ng-class="{'fa-tasks': !isCodeError, 'fa-remove': isCodeError}"></i> {{t(title)}}</h1>…
-
0
votes2
answers672
views -
0
votes1
answer145
viewsSpecific hover for touch
Is there a CSS hover for touch? Or emulate one with javascript that only turns on if it’s touch?
-
0
votes2
answers361
views -
0
votes2
answers2404
viewsHow to use Hover in one class to change another class?
Following people, I have a class and another class underneath it... but the bottom class needs to be invisible until the user hovers the mouse in the top class, so I put opacity in it:0 , and I…
-
0
votes2
answers137
viewsImproving Hover scheme for website reviews
I’m trying to develop an evaluation scheme of files that are hosted on my client’s website. Each file gains beyond the access link a DIV with the five evaluation options, which appear as stars in…
-
0
votes1
answer12692
viewsHow to change button color with Hover over a single button (CSS)
Well, here’s my problem: I have five buttons, in horizontal order. Each one has a specific color in the Hover. When placing the mouse over any of them, all the others should take over the color the…
-
0
votes0
answers57
viewsEffects of Hover happening automatically on @media
Hello! I’m doing a Hover effect on my project (Assigning a CSS style to a specific element within a div), in boxes, that when I step the mouse it expands and displays a text and a button that did…
-
0
votes1
answer20
viewsHover does not overlap some images other yes
The problem is that when I move the mouse the first image does not overlap the second, but the first is overlapping the first. And the image overlap some texts and others do not. <!DOCTYPE…
-
0
votes1
answer1860
viewsHover on one element and changing the color of another element
I would like when passing the mouse over the green element the pink changed to the blue color. #primeiro{ width: 300px; height: 300px; background: red; float: left; } #segundo{ width: 150px; height:…
-
0
votes1
answer36
viewsTremble/ Shaking when I do Hover in H4
Can someone tell me what to do to stop h4 do Tremble/Shaking when I do hover? Send down my code. CSS: films{ width: 100%; height: auto; margin-bottom: 30px; padding-top: 100px; text-align: center;…
-
0
votes2
answers4327
views -
0
votes1
answer1070
viewsHover effect with javascript calling css class
I want to replace the 'product' class with the 'product' class with javascript, as soon as I pass the mouse through the div. How do this code? Js $(function(){ $(".produto").hover( function(){ //Ao…