Drop.js: Elementos desplegables (dropdown) con JavaScript

Drop.js es una bonita biblioteca escrita con JavaScript para crear de forma rápida y sencilla elementos que se despliegan según sea necesario.

Este recurso se desarrolló utilizando como eje principal otra biblioteca llamada Tether, esta última permite posicionar los elementos en un documento con una libertad impresionante, ubicando los distintos objetos mediante un complejo algoritmo que evalúa la posición no solo del elemento en cuestión sino también los de su entorno.

Drop.js tiene la capacidad de generar objetos tipo popup que se escalan, botones que despliegan otras opciones (pueden ver en el sitio oficial del proyecto como se ejecuta de forma limpia un botón de compartir) y mostrar tarjetas de presentación estilo Facebook accionadas por el evento hover del ratón. Obviamente esta son algunas de las posibilidades, el recurso se encuentra lo suficientemente abierto para admitir más opciones.

Un punto muy favorable de este proyecto es que no tiene ninguna dependencia, simplemente con tener activado javascript en el navegador alcanza y sobra.

Si hablamos de compatibilidad con los distintos navegadores, este proyecto soporta todos los navegadores modernos, inclusive Internet Explorer desde su versión 9.

Un aspecto a destacar es que los elementos se reposicionan automáticamente cuando la pagina cambia su resolución, haciendo de su utilización una muy buena opción en diseños adaptables.