Cuenta atrás con jQuery con la que conseguiremos un efecto de película 3, 2, 1… acción!!! $(document).ready(function() { $.fn.delay = function(time,func){ return this.each(function(){ setTimeout(func,time); }); }; $.fn.cuentaAtras = function(settings,to) { settings = $.extend({ fontSize1: '36px', fontSize2: '12px', duraccion: 1000, numero_incio: […]
Vamos a aprender como crear unos botones para aumentar o disminuir el tamaño actual de la fuente de una página web (o una sección en concreto) utilizando jQuery y su propiedad para editar las hojas de estilo css. Script jQuery […]
Vamos a controlar en javascript (jquery) cuando se hace doble click sobre un determinado elemento de nuestra página web. Para ello utilizamos jQuery, y su función dblclick() que se encarga de controlar el «doble click»: En este ejemplo hemos añadido […]
Vamos a crear un simple efecto de bote / rebote de un elemento (en este caso un div con forma redonda con CSS3) utilizando la función animate() de jQuery, similar a cuando hacemos botar una pelota repetidamente. Código CSS: .circulo{ […]
Aprovechando el post anterior, os muestro como conocer las medidas (ancho y alto) en pixeles de un determinado div u otro elemento del documento, utilizando las propiedades width() y height() de jQuery. En este caso mostraremos un alert con el […]
Conocer las dimensiones (ancho y alto) de una ventana en pixeles es muy sencillo utilizando las propiedades width() y height() de jQuery. Podemos comprobar el tamaño de la ventana restaurando, aumentando o reduciendo las dimensiones de la ventana. $(document).ready(function($){ var […]
Si queremos que un elemento de nuestra página desaparezca una vez pasados X segundos… Este ejemplo es bastante útil por ejemplo, para hacer desaparecer un popup, banner de publicidad, foto, etc… Para ello utilizamos la librería jQuery, y su función […]
Script jQuery para buscar dentro de un determinado selector y reemplazar todo su contenido por otro diferente usando la función replaceWith(). Nota: Si estas buscando como reemplazar todas las coincidencias de una determinada cadena texto por otra, visita este post. […]
Vamos a ver un bonito efecto de rollover en jQuery sobre un div aplicando un efecto fade en el color de fondo (background) de ese elemento. Para ello utilizamos la función animate: Script (lo podeis guardar dentro de un archivo […]
Vamos a obtener las coordenadas actuales (X/Y) de cualquier elemento situado dentro de nuestra página web utilizando jQuery. Para ello utilizaremos el método .position(). El método .position() nos permite recuperar la posición actual de un elemento dentro del DOM. var […]