jQuery nos permite ahorrar mucho código JS, con el método fadeToggle() podemos alternar los métodos fadeIn(), para mostrar un elemento oculto y fadeOut(), para ocultar un elemento visible, en un solo método. Ejemplo: Creamos un botón con identificador “boton” que será el encargado de ejecutar el script <button id=”boton”>Mostrar/Ocultar elemento</button> Creamos un elemento <div> con …

Leer más


Un reloj es una herramienta muy util en algunas aplicaciones web como formularios o aplicaciones, por ejemplo formularios que necesitan guardar un registro con la hora y fecha de la acción de un usuario. Para empezar creamos un documento HTML 5 <!DOCTYPE HTML> <html lang=”es”> <head> <title>Reloj con Javascript</title> <meta charset=”utf-8″> </head> <body> … </body> …

Leer más


Hoy te voy a mostrar como crear un menú desplegable con efecto acordeón, el menú contendrá tres secciones, que serán desplegadas al hacer clic sobre ellas mostrando su contenido y esconderá el resto del contenido de las demás secciones, el código es muy sencillo y fácil de entender y el resultado perfecto si le añadimos …

Leer más


em CSS El valor de medida “em” es uno de los valores más usados en la actualidad debido a que es muy práctico en el desarrollo de proyectos adaptables a cualquier tamaño de pantalla. Teniendo en cuenta que “1em” es igual al tamaño de fuente mostrado por defecto, sabemos que “2em” significa 2 veces el …

Leer más


Un popup es una ventana emergente que sirve para informar al usuario o advertirle acerca de una acción que va a realizarse, con Javascript podemos crear este tipo de ventanas con un simple “alert()”, el problema es que esta caracteristica de Javascript no permite la inserción de código, solo podemos insertar texto y caracteres escapados, …

Leer más


  CSS3 aporta una gran variedad de nuevas funcionalidades, una de ellas es la propiedad “transform”, que nos permite generar efectos de animación sin la necesidad de usar JavaScript, esta propiedad nos permite rotar elementos, escalarlos y moverlos entre otros nuevos efectos. Esta propiedad no es compatible con IE7 e IE8, IE9 soporta algunos valores …

Leer más


Con este script muy sencillo podemos conocer los datos del navegador y mostrarlos en pantalla, dentro de etiquetas script escribimos un “document.write” y entre parentesis y comillas dobles ponemos que vamos a mostrar en pantalla con el código de la instrucción que vamos a escribir a continuación, cerramos la instrucción con “;”. Ahora vamos a …

Leer más


Script para obtener los datos de la pantalla del usuario y mostrarlos en pantalla, dentro de etiquetas <script> escribimos un “document.write” y entre parentesis y comillas dobles escribimos que texto queremos mostrar en la pantalla con el código de la instrucción que vamos a escribir a continuación, cerramos la instrucción con “;”. document.write(“Resolución de pantalla: …

Leer más


Utilizamos cookies propias necesarias para el correcto funcionamiento de la web y personalizar el contenido. No utilizamos cookies de terceros ni guardamos información personal sobre ti. Puedes encontrar más información en nuestra Política de cookies.

ACEPTAR
Aviso de cookies