Ver Mensaje Individual
  #1 (permalink)  
Antiguo 31/05/2013, 14:32
Rapa
 
Fecha de Ingreso: marzo-2011
Mensajes: 11
Antigüedad: 13 años, 7 meses
Puntos: 0
mouseover mouseout Jquery problema

Buenas, os explico el problema que tengo haber si podéis solucionármelo.

Estoy intentando mostrar un div al pasar el ratón por encima, con la intención de poner unos enlaces en el, y que se oculte al sacar el ratón, no tengo muchos conocimientos de javascript, he conseguido que funcione pero, no paraba de abrirse y cerrarse.

Os dejo aquí el código haber si podéis ayudarme:

Este no es el que menciono anteriormente, es lo que creo que debo hacer para que no ocurrar ese error , pero las funciones de javascript estan mal y no se por qué.

.
Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<
<title>drfgdf</title>
  <script type="text/javascript" src="jquery-1.10.1.min.js"></script>    
</head>
<style>
.slideTogglebox{
		position:absolute;
	background-color: black;
	opacity: ;
	filter: alpha(opacity=50);
	-moz-opacity: .5;

 width:20%;
 height:60px;
 margin-left:40%;

top:0;
z-index:1;}
	

.QuickC{ visibility:hidden;	position:absolute;
	background-color: red;
	opacity: ;
	filter: alpha(opacity=50);
	-moz-opacity: .5;

 width:20%;
 height:60px;
 margin-left:40%;

top:0;
z-index:1;}

</style>


script type="text/javascript">


 $("#QuickC").mouseover(
						function(){ $('.slideTogglebox').slideDown('fast');)}
  
 $("#slideTogglebox").mouseout(
						function(){ $('.slideTogglebox').slideUp('fast');)}
 
	 			


</script>
<body>

<div class="QuickC"></div>
<div class="slideTogglebox"></div>

</body>
</HTML>