Ejemplo 1: jquery hover
$("td").hover(()=>//hover$(this).addClass("hover");,()=>//out$(this).removeClass("hover"););//or$("td").mouseover(()=>$(this).addClass("hover");).mouseout(()=>$(this).removeClass("hover"););//or$("td").mouseenter(()=>$(this).addClass("hover");).mouseleave(()=>$(this).removeClass("hover"););
Ejemplo 2: en el bloque de visualización flotante jquery
.flyout
position: absolute;
width:1000px;
height:450px;
background: red;
overflow: hidden;
z-index:10000;
display: none;
#menu:hover +.flyout
display: block;
Ejemplo 3: hover jquery
<!doctype html><html lang="en"><head><meta charset="utf-8"><title>mouseover demo</title><style>
div.out
width:40%;
height:120px;
margin:015px;
background-color: #d6edfc;
float: left;
div.in
width:60%;
height:60%;
background-color: #fc0;
margin:10px auto;
p
line-height:1em;
margin:0;
padding:0;</style><script src="https://code.jquery.com/jquery-3.5.0.js"></script></head><body><div class="out overout"><span>move your mouse</span><div class="in"></div></div><div class="out enterleave"><span>move your mouse</span><div class="in"></div></div><script>var i =0;$("div.overout").mouseover(function()
i +=1;$(this).find("span").text("mouse over x "+ i );).mouseout(function()$(this).find("span").text("mouse out "););var n =0;$("div.enterleave").mouseenter(function()
n +=1;$(this).find("span").text("mouse enter x "+ n );).mouseleave(function()$(this).find("span").text("mouse leave"););</script></body></html>
Aquí puedes ver las reseñas y valoraciones de los usuarios
Si te gustó nuestro trabajo, eres capaz de dejar una sección acerca de qué te ha parecido esta reseña.
¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)