Archivo de Etiquetas: jquery


Checkboxes y botones de radio con estilo con jQuery

Si quieres cambiar tus viejos y aburridos checkboxes y botones de radio por otros con mucho más estilo puedes probar con esta extensión para jQuery.

El funcionamiento es muy simple:

$(document).ready(function(){
  1.         $("input").checkize({
  2.                 checked:"images/checked.gif",
  3.                 checked_down:"images/checked_down.gif",
  4.                 checked_hover:"images/checked_hover.gif",
  5.  
  6.                 unchecked:"images/unchecked.gif",
  7.                 unchecked_down:"images/unchecked_down.gif",
  8.                 unchecked_hover:"images/unchecked_hover.gif"
  9.         });
  10. });

Puedes ver una demo funcionando aquí: http://totmacher.eu/jquery/radio/demo/
Fuente en modo texto: http://totmacher.eu/jquery/radio/src/jquery.checkize.js
Descargar código de ejemplo + fuente en un .zip: http://totmacher.eu/jquery/radio_v0.2.zip

Fuente: Love and Theft

Escritorio de Leopard creado con jQuery

 

Escritorio de Leopard realizado con JQuery

Escritorio de Leopard realizado con JQuery

 

Los chicos de Nettuts nos traen un completo tutorial que nos muestra cómo crear el escritorio de Leopard con jQuery, una librería de javascript, sin duda una muestra más de que cada vez las webs se van acercando más a las aplicaciones de escritorio. 

Ya se ha hecho algo parecido pero en vez de emular a Mac emula a Windows y está creada con la librería Ext JS.

Podéis ver una demo pulsando en el siguiente enlace:

Demo de escritorio de Leopard creado con jQuery

Y el tutorial lo podéis encontrar pulsando aquí.

Enlaces:

Nettuts

jQuery

Powered by WordPress | Theme: Motion by 85ideas.