jQuery dotdotdot para embellecer el texto html

DESCARGA : jQuery dot dot

jQuery dot dot dot para embellecer el texto html, este plugin nos muestra una forma fácil de presentar texto que se sale del margen de un contenedor.

Para implementar este plugin solo tenemos que seguir estos sencillos pasos:

Paso 1. – identifica el contenido al que se lo aplicaras.

<style> <style> .texto { width:300px; height:150px; } </style> 
<div class="texto" style="background-color:#f1c40f"> 
<p class="before">before:</p> 
<div class="box before">Lorem Ipsum is simply 
dummy text of the printing and typesetting industry. 
 Lorem Ipsum has been the industry's standard dummy text ever 
 since the 1500s, when an unknown printer took a galley of type 
 and scrambled it to make a type specimen book. It has 
survived not only five centuries, but also the leap into 
 electronic typesetting, remaining essentially unchanged.
 </div> </div> 

Paso 2.-  Agrega el plugin y jQuery para poder hacer que funcione el texto

<script src="https://code.jquery.com/jquery-3.2.1.js"></script>
<script src="jquery.dotdotdot.js"></script>

Paso 3.-  Agrega el script para ajustar el texto al cotenedor.

<script>
$('.texto').dotdotdot();
</script>

Si deseas puedes implementar otras características, para eso hay un enlace que puedes visitar:

http://dotdotdot.frebsite.nl/   

 

You may also like...