Botones a la Google con jQuery
Escrito el 25 Jan, 2010 por Alexis en jQuery
Con este plugin para jQuery estaremos imitando casi al detalle los botones que encontrás en los productos de Google: Gmail, Adsense, etc.
Mas de alguna vez te habrás preguntado como lograr ese estilo en los botones, por suerte con escasas lineas de código podrás recrear ese efecto.
Lograremos utilizar y definir la posición de los botones, apilarlos, usar Checkboxes o Dropdown, y todos los estilos de botones que podrías encontrar en los productos de Google.
Este plugin no utiliza imagenes, ya que todo su poder se encuentra en jQuery y CSS. Su utilización es muy simple; solo necesitamos jQuery, el Plugin (styledButton) y el estilo referido al plugin.
Una vez cumplido los requisitos, solo restaría inicializar el plugin y definir nuestro marktup. Por una cuestión de mantener la semántica en nuestro código, debemos usar un span para llamar al plugin darle vida al boton.
Estos botones se verán de la misma manera en la mayoría de los navegadores modernos, incluso en IE6.












Sin comentarios to “Botones a la Google con jQuery”
Trackbacks/Pingbacks
- Bitacoras.com
Back to Top