“Conocimientos Programación>JavaScript Programación

Cómo cambiar el texto de un rollover

2013/8/25
características del sitio web dinámicos , como rollovers texto , le permiten crear un sitio interesante que ayudará a mantener a los visitantes que regresan . Una transferencia de texto utiliza la tecnología del navegador web para cambiar el texto seleccionado como el cursor del ratón se mueve sobre el texto. El código utilizado para crear rollovers incluyen HTML y JavaScript . HTML es un lenguaje de descripción de página que le permite controlar la estructura y la apariencia de una página web, y de JavaScript es un lenguaje de programación que permite escribir programas que se ejecutan en el navegador web. Instrucciones
cambiar el texto en una Transferencia
1

Abra un editor de texto, como el Bloc de notas, si el sistema operativo de su ordenador es Microsoft Windows. El editor que use debe ser capaz de guardar un documento en formato de texto plano .
2

Escriba el texto siguiente , que crea un documento HTML básico, en el texto .
3

Insertar el cursor entre " " y "< /title> , y el tipo " Rollover Ejemplo "Esta línea debe aparecer como sigue : <br> <p> < title> Rollover Ejemplo < /title > <br> <p> " Rollover Ejemplo " es el título del documento , que aparece en la parte superior de la ventana del navegador cuando se abre el archivo HTML en un navegador , como Internet Explorer o Firefox. <br> 4 <p> Insertar el cursor al final de la línea que contiene el " <body> ", presionar "Enter " y escriba el siguiente código HTML y JavaScript , lo que crea el texto código hace que el navegador muestre la palabra " normal " cuando se abre la página web El código también hace que el navegador de cambiar la palabra que aparece en " Rollover " cuando el cursor del ratón se mueve sobre el texto - . y cambiar de nuevo a "Normal "cuando el cursor del ratón se mueve fuera del texto . <br> 5 <p> Guarda el documento en una carpeta de su ordenador como un archivo HTML. Usted debe incluir ." htm " o" . html " en el extremo del nombre de archivo para que el equipo sabe que el archivo es un archivo HTML. Si no lo hace , su navegador no mostrará el archivo correctamente . Por ejemplo , usted podría nombrar el archivo " Rollover.htm " o " Rollover.html . " <br> 6 <p> Abra un navegador web en el ordenador. <br> 7 <p> Abra el archivo HTML que ha creado en el navegador web. <br> 8 <p> mueva el cursor del ratón sobre la palabra " normal " para hacer que se cambie a " Rollover ", y luego mover el cursor fuera de la palabra para ver que cambiar a "Normal ". <br> <br> <div class="escomad2"><script language='javascript' src='http://www.ordenador.online/ad/es/2.js'></script></div> </div> <div class=contentpage> <div class=p1>Página anterior: <a class='LinkPrevArticle' href='http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-habilitar-y-deshabilitar-una-imagen-Música-de-JavaScript-.html' >Cómo habilitar y deshabilitar una imagen Música de JavaScript </a> </div> <div class=p2>Página siguiente: <a class='LinkNextArticle' href='http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-calcular-los-totales-formulario-de-pedido-en-JavaScript-.html' >Cómo calcular los totales formulario de pedido en JavaScript </a> </div> </div> <dl class=xgc> <dt><span>JavaScript Programación</span></dt> <dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-habilitar-validadores-de-ASP-NET-con-JavaScript-.html">Cómo habilitar validadores de ASP.NET con JavaScript </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-desplazarse-hacia-abajo-en-JavaScript-.html">Cómo desplazarse hacia abajo en JavaScript </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-crear-una-secuencia-Fecha-.html">Cómo crear una secuencia Fecha </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-crear-texto-HTML-Desde-Javascript-Variable-.html">Cómo crear texto HTML Desde Javascript Variable </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Java-script-Solución-de-problemas-.html">Java script Solución de problemas </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-desplazarse-a-través-de-mensajes-en-la-barra-de-estado-.html">Cómo desplazarse a través de mensajes en la barra de estado </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-agregar-una-superposición-de-imágenes-con-V3-Maps-API-.html">Cómo agregar una superposición de imágenes con V3 Maps API </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-crear-una-galería-de-fotos-con-Siguiente-y-Anterior-Enlaces-y-Ampliación-de-imagen-Pop---Ups-.html">Cómo crear una galería de fotos con Siguiente y Anterior Enlaces y Ampliación de imagen Pop - Ups </a></dd> </dl> </div> <!--right--> <div class=rightmain> <div class=esrightlist> <div class=e1>Los últimos artículos de equipo</div> <ul> <li><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-utilizar-JavaScript-para-mostrar-Prime-Factors-.html" >Cómo utilizar JavaScript para mostrar Prime Factors </a> </li><li><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-detectar-el-sistema-operativo-con-JavaScript-.html" >Cómo detectar el sistema operativo con JavaScript </a> </li><li><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-ajustar-el-enfoque-con-jQuery-.html" >Cómo ajustar el enfoque con jQuery </a> </li><li><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-utilizar-JavaScript-para-desarrolladores-.html" >Cómo utilizar JavaScript para desarrolladores </a> </li><li><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-determinar-si-un-sitio-utiliza-JavaScript-redirecciones-.html" >Cómo determinar si un sitio utiliza JavaScript redirecciones </a> </li><li><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Efectos-secuenciales-en-jQuery-.html" >Efectos secuenciales en jQuery </a> </li> </ul> </div> <div class=esrightlist> <div class=e1>Artículos de la popular computadora</div> <ul> <li> <a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-escribir-una-Div--De-JavaScript-.html" >Cómo escribir una Div. De JavaScript </a></li><li> <a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-detectar-los-agentes-de-usuario-y-redireccionamiento-.html" >Cómo detectar los agentes de usuario y redireccionamiento </a></li><li> <a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-convertir-números-a-las-palabras-en-Javascript-.html" >Cómo convertir números a las palabras en Javascript </a></li><li> <a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-crear-Java-Script-.html" >Cómo crear Java Script </a></li><li> <a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-insertar-PHP-en-JavaScript-.html" >Cómo insertar PHP en JavaScript </a></li><li> <a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Funciones-de-devolución-de-llamada-de-JavaScript---isFunction-.html" >Funciones de devolución de llamada de JavaScript : isFunction </a></li> </ul> </div> <div class="esrightad"> <script language='javascript' src='http://www.ordenador.online/ad/es/r.js'></script> </div> <div class=esrightlist> <div class=e1>Más categorías</div> <ul> <li><a href='http://www.ordenador.online/Programacion/C--C-----Programming/' target="_self">C /C + + Programming</a></li> <li><a href='http://www.ordenador.online/Programacion/Lenguajes-De-Programación/' target="_self">Lenguajes De Programación</a></li> <li><a href='http://www.ordenador.online/Programacion/Delphi-Programación/' target="_self">Delphi Programación</a></li> <li><a href='http://www.ordenador.online/Programacion/Programación-Java/' target="_self">Programación Java</a></li> <li><a href='http://www.ordenador.online/Programacion/JavaScript-Programación/' target="_self">JavaScript Programación</a></li> <li><a href='http://www.ordenador.online/Programacion/Programación-PHP--MySQL/' target="_self">Programación PHP /MySQL</a></li> <li><a href='http://www.ordenador.online/Programacion/Perl-Programming/' target="_self">Perl Programming</a></li> <li><a href='http://www.ordenador.online/Programacion/Python-Programming/' target="_self">Python Programming</a></li> <li><a href='http://www.ordenador.online/Programacion/Rubí-Programación/' target="_self">Rubí Programación</a></li> <li><a href='http://www.ordenador.online/Programacion/Visual-Basics-Programación/' target="_self">Visual Basics Programación</a></li> </ul> </div> </div> <!--right end--> <div class="cl"></div> </div> <div class=esfoot> <div class=copy>Conocimientos Informáticos © http://www.ordenador.online</div> </div> </body> </html>