Boxy es un plugin jQuery que permite dotar a nuestros desarrollos web de ventanas que poseen una estética inspirada en el diseño de Facebook.
Instalación y configuración
Una vez descargado Boxy, copiamos la carpeta SRC en el directorio raíz del servidor e incluimos jquery.boxy y boxy.css. También nos aseguramos que la ruta al directorio de las imágenes es correcta en el archivo CSS.
Implementación básica
Un ejemplo de cómo usar Boxy jQuery plugin sería agregando un código HTML similar a:
<a href='partial.html' class='boxy' title='AJAX Content Demo'>Remote content (partial.html)</a> | <input type='submit' value='Submit with confirm' />
El script para implementar la funcionalidad al presionar el botón definido en el paso anterior:
<script type='text/javascript'>
$(function() {
$('.boxy').boxy();
});
</script>
Recordar que como en la mayoría de este tipo de implementaciones, debemos definir el estilo .boxy a invisible.
Boxy
Web/descargar: plugins.jquery.com/project/boxy