Community Learn Tools Library Leisure
search
English
Home > Web Front-end > JS Tutorial > jquery realizes the universal version of the mouse passing through the fade-in and fade-out effect_jquery

jquery realizes the universal version of the mouse passing through the fade-in and fade-out effect_jquery

WBOY
Release： 2016-05-16 16:44:34
Original
1361 people have browsed it
Copy code The code is as follows:
//The effect of moving the mouse up
$(".jq_btn").hover(function(){
$(this).find( "div").stop().fadeIn();
},function(){
$(this).find("div").stop().fadeOut();
}) ;

The principle is very simple

a label background setting normal state

div background setting mouse hover background

Just add
Copy code The code is as follows:
class="jq_btn"

All have effects automatically
Related labels：
fade in and fade out mouse over
source：php.cn
Previous article：jquery realizes what input is input and what div layer displays what_jquery Next article：Two ways to implement jQuery to change table color on alternate rows and change color after mouseover_jquery
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Latest Issues
How to use laravel components with livewire lazy placeholder I want to add the skeleton of my laravel component inside a livewire3 placeholder What I h...
From 2024-04-06 20:02:10
0
2
543
CSS only method to dynamically modify image src on click without using JavaScript I need to change the src of an image on mouse click using only css like img:active{}
From 2024-04-06 19:25:49
0
1
505
Generate default values ​​and CSS variables using SCSS I'm implementing website styling. For legacy support reasons, I need to support IE11, at l...
From 2024-04-06 17:46:54
0
1
355
CSS styles not applied to site I'm making a website using Bootstrap5 but the index.css properties are not being applied t...
From 2024-04-06 17:12:23
0
1
336
Possibility to store ASP Classic code as string in MYSQL database Is it possible to store asp classic code into a MySQL database and have it execute the cod...
From 2024-04-06 13:38:43
0
1
358
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template