Articulos PHP
- 1.7 Enunciado exit o die.
- 1.6 Unir comparaciones.
- 1.8 Arreglos o array.
- 2.3 Ciclo FOR avanzado.
- 1.9 Como desplazarse dentro de un arreglo o array.
Warning: Use of undefined constant php - assumed 'php' (this will throw an Error in a future version of PHP) in /home/vhosts/lawebderay.orgfree.com/index.php on line 117
Articulos Jquery
- 2.9 Valor de un campo de texto con attr().
- 1.1 Como utilizar Jquery
- 2 Añadiendo elementos a la página con append().
- 1.6 El método preventDefault.
- 1.5 El evento keypress
Warning: Use of undefined constant jquery - assumed 'jquery' (this will throw an Error in a future version of PHP) in /home/vhosts/lawebderay.orgfree.com/index.php on line 126
Articulos CSS
- 1.2 Estructura de los estilos CSS.
- 1 Hojas de estilo CSS.
- 1.1 Como incluir estilos en una página web.
Warning: Use of undefined constant css - assumed 'css' (this will throw an Error in a future version of PHP) in /home/vhosts/lawebderay.orgfree.com/index.php on line 135
Articulos Mysql
- 2.4 Seleccionando filas con LIKE y WHERE
- 3.5 Crear y borrar una base de datos
- 1.8 Seleccionando registros con WHERE.
- 3.1 Borrando una fila con DELETE.
- 2.7 Conjunción interna de tablas.
Warning: Use of undefined constant mysql - assumed 'mysql' (this will throw an Error in a future version of PHP) in /home/vhosts/lawebderay.orgfree.com/index.php on line 144
2.3 Pasando el cursor sobre un elemento con el método mouseover() y mouseout().
Un efecto que se ve bastante bien es las páginas web es cuando se pasa el cursor del mouse sobre algún menú y este repentinamente cambia de color, y tan pronto se retira el cursor, este elemento vuelve a su color original. Para indicar que el cursor esta sobre un elemento usamos el método .mouseover() y para indicar que el cursor ya no esta sobre un elemento usamos .mouesout().Para poder entender su funcionamiento supongamos que tenemos un div con la clase “opcion”, dicho elemento contiene un texto, y deseamos que al momento de pasar el cursor sobre este elemento queremos que el texto cambie a rojo y cuando el cursor ya no está sobre el elemento queremos que el texto vuelva a ser negro, en código HTML necesario para ello serÃa el siguiente:
<div class=”opcion”>Este texto cambia a color rojo cuando se para el cursor por encima!!!</div>
Entonces el código Jquery necesario para realizar este efecto sencillo serÃa el siguiente:
$(document).redy(function(){
   $(“.opcion”).mouseover(function(){
                    $(this).css(“color”,”#FF0000”);
           });
 $(“.opcion”).mouseout(function(){
                 $(this).css(“color”,”#000000”);
     });
});
El código en Jquery consiste en los siguiente:
- La primera parte $(document).ready(function(){}); sirve para indicar a javascript que las funciones de jquery se ejecutarán hasta después de que el código HTML se haya cargado por completo.
- La segunda parte    $(“.opcion”).mouseover(function(){}); sirve para seleccionar el elemento al cual se le aplicará el efecto en este caso el div con la clase “opción”, y bueno pues el evento en este caso es .mouseover(), es decir cuando el cursor este sobre el elemento.
- La tercera parte es $(this).css(“color”,”#FF0000”);Â y se puede ver que $(this) hace referencia al elemento al cual se le aplica un evento en este caso el div con la clase “opcion”.
- La cuarta parte $(“.opcion”).mouseout(function(){}); sirve para indicar lo que sucederá con el elemento con la clase “opción” una vez que el cursor se haya retirado, esto por medio del método .mouseout().
- La última parte $(this).css(“color”,”#000000”); hace referencia al elemento al cual se le aplica el evento, esto a través del selector $(this) que hace referencia al elemento div con la clase “opcion” y después se cambia el color por medio del método css().
