Para mejorar los usuarios en muchos sitios web grandes, proporcionan funciones de selección de tamaño de fuente para satisfacer las necesidades de lectura de las personas en diferentes edades. La página CSS.
Código de ejemplo 1:
<! "Descripting" Content = "Esta es mi página"> <meta http-equiv = "content-type" content = "text /html; charset = utf-8"> <!-<link rel = "type =" test / css "href =" ./ styles.css ">-> <alle tipo =" text/ css "> div {border: 1px rojo sólido; ancho: 455px; font-size: 16px;} .max {font- size: 20px;} .Moren {Font-Size: 16px;} .min {Font-Size: 12px;} </yle> <script type = "text/javaScript"> // Este método redujo JS y CSS de JS y CSS. Función de acoplamiento ChangeFontSize (FontStyle) {// Obtener el objeto de nodo var divnode = document.gelemelementsByTagName ("div") [0]; {// Obtener el objeto de nodo VAR durante la división = Document.getElementsByTagName ("Div") [0]; 20px ') "> 大号 </a> <a href =" javascript: void (0) "onClick =" ChangeFontSize2 (' 16px ') "> 中号 </a> <a href =" javaScript: void (0 ) "OnClick =" ChangeFontSize2 ('12px') "> Tumbas </a> <d> Aquí está el texto que se muestra. El tamaño de esta fuente <br/> Aquí está el texto que se muestra. Puede cambiar el tamaño de la fuente Al hacer clic en los Hyperlinks anteriores. Este es el texto mostrado. El tamaño de la fuente se cambia haciendo clic en el hipervínculo anterior. Font se cambia haciendo clic en el hipervínculo anterior. Hyperlink <br/> </div> </body> </html>
Método de ejemplo dos:
<html> <cead> <title> JavaScript Configuración Font </title> <style> Body {font-size: 9pt;} </style> </head> <body> <div id = zoom> Este es un ejemplo de Un ejemplo. Wulin.com. </div> <script language = javascript> function dozoom (size) {document.getElementById ('zoom'). A href = "javaScript: Dozoom (13)"> 13pt (ultra -large) </a> <a href = "javaScript: Dozoom (10.5)"> 10.5pt (mediano) </a> <a href = "javaScript : DOZOOM (9) "9PT (estándar) </a>] </body> </html>