http://www.humanfactor.mx/emmanuel/
En la parte de hasta abajo, donde estan los skills. Si pasan el mouse sobre una imagen, les va a salir la descripción.
Este es el codigo que estoy usando:
Código:
function carga() { $("#html5").mouseover(aparece); $("#php").mouseover(aparece1); $("#css3").mouseover(aparece2); $("#mysql").mouseover(aparece3); $("#javascript").mouseover(aparece4); $("#wordpress").mouseover(aparece5); $("#html5").mouseout(desaparece); $("#php").mouseout(desaparece1); $("#css3").mouseout(desaparece2); $("#mysql").mouseout(desaparece3); $("#javascript").mouseout(desaparece4); $("#wordpress").mouseout(desaparece5); } function aparece() { $(".bubble").eq(0).css("visibility","visible"); } function aparece1() { $(".bubble").eq(1).css("visibility","visible"); } function aparece2() { $(".bubble").eq(2).css("visibility","visible"); } function aparece3() { $(".bubble").eq(3).css("visibility","visible"); } function aparece4() { $(".bubble").eq(4).css("visibility","visible"); } function aparece5() { $(".bubble").eq(5).css("visibility","visible"); } function desaparece() { $(".bubble").eq(0).css("visibility","hidden"); } function desaparece1() { $(".bubble").eq(1).css("visibility","hidden"); } function desaparece2() { $(".bubble").eq(2).css("visibility","hidden"); } function desaparece3() { $(".bubble").eq(3).css("visibility","hidden"); } function desaparece4() { $(".bubble").eq(4).css("visibility","hidden"); } function desaparece5() { $(".bubble").eq(5).css("visibility","hidden"); }
Como pueden ver, estoy usando una funcion por evento. Lo cual no se me hace muy optimo. en Javascript (sin jQuery) hubiera usado la variable event, pero no pude hacerlo en jQuery
Alguien que me de una mano?
Gracias