Cómo crear efectos de activación para botones del formulario mediante CSS y DHTML en FrontPage

Seleccione idioma Seleccione idioma
Id. de artículo: 222949 - Ver los productos a los que se aplica este artículo
Expandir todo | Contraer todo

Resumen

FrontPage 2000 y FrontPage 2002 contienen un conjunto enriquecido de hoja de estilos en cascada (CSS) y HTML dinámico (DHTML) creación de funciones que permiten crear una variedad de efectos de activación. Este artículo describe puede crear la activable efectos de botón para botones de campo de formulario normal mediante las características CSS y DHTML formato.

Más información

Para crear efectos de botón para botones de campo de activable, siga estos pasos:
  1. Cree una nueva página en blanco.
  2. En el menú Insertar , elija formulario y haga clic en formulario .
  3. Para aplicar colores del botón " Enviar " predeterminado, siga estos pasos:

    1. Haga clic con el botón secundario el botón Enviar y haga clic en Propiedades de campo de formulario .
    2. haga clic en.
    3. Haga clic en formato y, a continuación, en borde .
    4. Haga clic en la ficha sombreado .
    5. Haga clic para seleccionar un color en las listas de color de fondo y color de primer plano .
    6. Haga clic en Aceptar tres veces para volver al documento.
  4. Para insertar DHTML activable colores, siga estos pasos:

    1. Haga clic en el botón Enviar .
    2. En el menú formato , haga clic en Efectos de HTML dinámico .
    3. En la lista, haga clic para seleccionar la Acción del mouse .
    4. En la lista Aplicar , haga clic para seleccionar el formato .
    5. Haga clic para seleccionar Elegir borde en la lista a la derecha de la lista Aplicar .
    6. Haga clic en la ficha sombreado .
    7. Haga clic para seleccionar un color en las listas de color de fondo y color de primer plano .
    8. Haga clic en Aceptar y cierre la barra de herramientas Efectos DHTML .
  5. Para mover los colores activable al botón Enviar, siga estos pasos:

    1. Cambie a la vista HTML.
    2. En la vista HTML, mueva el código siguiente desde el <p> etiqueta para el a su <input> etiqueta:
         dynamicanimation="fpAnimformatRolloverFP1"
         fprolloverstyle="background-color: #000000; color: #FFFFFF"
         onmouseover="rollIn(this)"
         onmouseout="rollOut(this)"
         language="Javascript1.2"
      								
      Nota : los valores de "color de fondo" y "color" pueden ser diferentes los mostrados en el código anterior.
  6. Si lo desea, repita los pasos cuantas últimos para el botón Restablecer .
  7. Cuando haya completado los pasos anteriores, el código HTML puede ser similar al código HTML siguiente:
       <input type="submit" value="Submit"
          style="background-color: #008000; color: #000000"
          dynamicanimation="fpAnimformatRolloverFP1"
          fprolloverstyle="background-color: #000080; color: #FFFFFF"
          onmouseover="rollIn(this)"
          onmouseout="rollOut(this)"
          language="Javascript1.2">
    
       <input type="reset" value="Reset"
          style="background-color: #800000; color: #FFFFFF"
          dynamicanimation="fpAnimformatRolloverFP1"
          fprolloverstyle="background-color: #000080; color: #FFFFFF"
          onmouseover="rollIn(this)"
          onmouseout="rollOut(this)"
          language="Javascript1.2">
    						
  8. Guarde esta página en el escritorio como " HoverTest.htm " y minimizar FrontPage.
  9. Observará que FrontPage guarde los dos archivos siguientes en el escritorio:

    • HoverTest.htm.
    • Animate.js.
    El primer archivo es la página que ha creado en los pasos anteriores, el segundo archivo es una colección de funciones DHTML que se utilizará la página.
  10. Abra " HoverTest.htm " en Internet Explorer 4.0 o posterior. Observe que al mover el mouse a través de cada botón, verá el color, cambiar

Propiedades

Id. de artículo: 222949 - Última revisión: miércoles, 24 de enero de 2007 - Versión: 1.3
La información de este artículo se refiere a:
  • Microsoft FrontPage 2000 Standard Edition
  • Microsoft FrontPage 2002 Standard Edition
Palabras clave: 
kbmt kbbutton kbprogramming kbscript kbforms kbnewfile kbhowto KB222949 KbMtes
Traducción automática
IMPORTANTE: Este artículo ha sido traducido por un software de traducción automática de Microsoft (http://support.microsoft.com/gp/mtdetails) en lugar de un traductor humano. Microsoft le ofrece artículos traducidos por un traductor humano y artículos traducidos automáticamente para que tenga acceso en su propio idioma a todos los artículos de nuestra base de conocimientos (Knowledge Base). Sin embargo, los artículos traducidos automáticamente pueden contener errores en el vocabulario, la sintaxis o la gramática, como los que un extranjero podría cometer al hablar el idioma. Microsoft no se hace responsable de cualquier imprecisión, error o daño ocasionado por una mala traducción del contenido o como consecuencia de su utilización por nuestros clientes. Microsoft suele actualizar el software de traducción frecuentemente.
Haga clic aquí para ver el artículo original (en inglés): 222949

Enviar comentarios

 

Contact us for more help

Contact us for more help
Connect with Answer Desk for expert help.
Get more support from smallbusiness.support.microsoft.com