SummArg | Cursos y recursos para webmasters

20/11/2011

Dropdowns elegantes con jQuery DropKick

DropKick es un plugin jQuery que nos permite tener dropdowns <select> de aspecto profesional que funcionan a la perfección con teclado e incluso con dispositivos móviles. Funciona a la perfección con todos los navegadores.

Bastará con linkear jQuery y DropKick a nuestro documento, además de uno de los .css correspondientes al theme que escojamos. Utilizaremos el valor “pretty” en el atributo name.

<select name="pretty" tabindex="1" class="pretty dk">  

<option value="">Choose a reaction</option>

<option value="amazed">Amazed</option>

<option value="bored">Bored</option>

<option value="surprised">Surprised</option>

</select>

Finalmente activamos el plugin.

<script>

$('.default').dropkick();

</script>

Sitio oficial | Github

 

Dejar un comentario