|
|
Texto de introducción y extender noticia (Leer mas...)
 |
|
 |
En el artículo de hoy vamos a explicar como hacer el típico "Leer más" que nos encontramos tanto en blogs como en webs de noticias y portales, suele aparecer en noticias que leemos en las páginas principales, dichas noticias tienen una introducción y acaban en un texto del tipo "Leer más" que es el enlace que nos lleva a leer la noticia completa, ya que poner toda la noticia en la principal de nuestra web, según como sea de extensa puede quedar más o menos bien.
Esto mismo es lo que vamos a aprender a hacer a continuación usando Javascript.
|
Texto de introducción y extender noticia (Leer mas...)
|
| |
Con el siguiente script conseguiremos extender el texto de la noticia en la misma página web, es decir no hará falta volver a recargar todo el contenido, una vez el usuario haga click en el texto "Leer más" el contenido aparecerá de inmediato, extirando la capa donde se encuentre.
Comenzamos creando un archivo en blanco que será el archivo externo donde meteremos toda la librería de javascript para no sobrecargar el código de nuestra página, con lo cual lo que haremos es crear un archivo en blanco y pegar el siguiente contenido:
Una vez copiado el código lo guardaremos y lo nombraremos como: leermas.js
Ya con nuestro archivo listo y dentro de él, el código de la librería tan solo tenemos que irnos a la página web a la cual queremos aplicar el efecto y entre los tags llamaremos al archivo que hemos hecho anteriormente de la siguiente forma:
Ojo, donde pone src="leermas.js" ahí es donde debemos de poner la ruta del archivo, de este forma que yo la pongo estarán al mismo nivel tanto el archivo web (.html) como el de javascript (.js)
Una vez hemos hecho la llamada en nuestra página ahora lo único que tenemos que hacer es irnos a donde queremos colocar el efecto he introducir el texto a "ocultar" entre el siguiente código:
Y con esto ya tenemos listo nuestro efecto de "leer más" el cual nos permitirá mostrar unas introducciones de las noticias de nuestra página para no llenar toda la principal de texto y dar mejor vista al usuario.
El programador al cual damos las gracias por hacer dicho script es: BarelyFitz.
|
Escrito por admin, el Domingo, 20 de Mayo 2007
|
|
|
 |
|
|
|
|
