-
Cómo expandir y Contraer Texto en HTML
-
Para tener expandir y contraer texto en una página web, es necesario incluir HTML dinámico (DHTML) a su página. HTML dinámico es cualquier página que utiliza HTML y un lenguaje de script, generalmente JavaScript, añadir formas adicionales para un usuario para interactuar con una página aparte de hacer clic a través de enlaces. Afortunadamente, hay muchas escrituras libres disponibles. Cada secuencia de comandos tendrá dos partes: una secuencia de comandos de encabezado y el código del cuerpo. La secuencia de comandos de cabecera va entre las etiquetas <head> </ head> y el código del cuerpo pueda ser inferior a <BODY> siempre que se necesite el texto para expandir y contraer.Instrucciones
secuencias de comandos DHTML gratuitas
1 Utilice la secuencia de comandos en dhtmlgoodies.com de preguntas frecuentes o páginas de preguntas y respuestas. La secuencia de comandos le permite tener una pregunta con la respuesta oculta. Ponga la secuencia de comandos en su cabecera (entre las etiquetas <HEAD> y </ HEAD> en la parte superior de tu código HTML en bruto). Colocar el resto del código de ejemplo de <body> de la página en la que desea ser las preguntas. Reemplazar los ejemplos de preguntas y respuestas con el suyo propio. La página incluye una sección "Cómo usar" si necesita ayuda para modificar la secuencia de comandos para trabajar en su página. Cuando un usuario hace clic en la pregunta, la respuesta aparecerá debajo de la pregunta.
2 Utilice la secuencia de comandos en dynamicdrive.com para contraer o expandir cualquier DIV en su página web a través de un simple mecanismo de palanca. Funciona con todos los DIVs, incluso los que tienen alturas CSS definida. Múltiples secciones se pueden agrupar juntos para colapsar como una sola unidad.
3 Utilice la secuencia de comandos en javascript.internet.com para hacer los párrafos plegable. La secuencia de comandos y código de ejemplo se proporcionan en una caja amarilla. Haga clic en el botón "Resaltar todo" y luego copiar y pegarlo en un archivo separado. Las instrucciones para usar la secuencia de comandos se incluyen como comentarios dentro del propio script.
4 Si se siente cómodo con JavaScript y como un código limpio, usar el Prototipo $ 0 Función (que se encuentra en www.dustindiaz.com), una pared hacia abajo ampliar y escritura de colapso de las etiquetas div. Proporciona una manera de contraer todas las etiquetas DIV cuando la página Web carga por primera vez. Esta secuencia de comandos utiliza la menor cantidad de código, sino que requiere una mayor comprensión de cómo funciona JavaScript. El sitio web proporciona un enlace a una muestra de la secuencia de comandos en acción.
Consejos y advertencias
- La cabecera es donde toda la página Web de metadatos va, como el título de la página, enlaces a las hojas de estilo en cascada, vincula a su feed RSS y enlaces a las secuencias de comandos que está utilizando. La cabecera está siempre en la parte superior de la página entre las etiquetas <head> y </ HEAD>.
- etiquetas DIV son divisiones. Son como las secciones de un libro. Cualquier cosa colocada entre una etiqueta <DIV> y <DIV /> puede ser controlado como un único elemento, ya sea una sola palabra o varios párrafos.
