Mostrar texto en columnas con jQuery
En este artículo vamos a ver como mostrar texto en columnas empleando para ello un plugin jQuery llamado Columnizer.
Como vemos en la imagen anterior podemos crear columnas con distintos formatos y opciones.
Para incorporar la funcionalidad en nuestra página deberemos descargar el plugin de la página oficial e incorporarlo en nuestro <head> junto con la librería jQuery y su llamada:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script src="src/jquery.columnizer.js" type="text/javascript" charset="utf-8"></script>
<script>
$(function(){
$('.content').columnize({
columns:2,
width:250,
height:400
});
});
</script>
En este caso queremos construir 2 columnas de longitud 250x400px.
En el <body> tendremos nuestro contenedor con el texto dentro:
<div class="content">Tu texto</div>
Autor
Escrito por Jose Aguilar - Director ejecutivo y tecnológico en JA Modules. Experto programador PrestaShop y Experto programador WordPress.
¿Buscas trabajo de programador?
73 artículos que te podrían interesar
Ver más sobre
Deja una respuesta