Cómo crear un efecto de desplazamiento con el ratón con Dreamweaver

Vídeo: tutorial html y css | crear efecto hover en una imagen con texto animado

Cómo crear un efecto ratón por encima con Dreamweaver. UN "ratón sobre" efecto se produce cuando un usuario mueve el puntero del ratón sobre una imagen. Cuando el puntero se basa en la imagen, cambia a otra cosa. Esto es especialmente útil para los botones de navegación. Dreamweaver 3.0 tiene el ratón sobre los comandos listo para configurar!

Iniciar Dreamweaver y abrir la página el efecto del ratón de recepción se encuentra en.

Abra el menú Insertar y seleccione Imagen de sustitución. Un cuadro de diálogo aparecerá.

Escriba el nombre de la imagen que se dio la vuelta en la primera casilla. Por ejemplo, se podría llamar un botón de Inicio Página de inicio de sustitución.

En el siguiente cuadro, escriba la ubicación de la imagen que aparecerá en la página. Haga clic en Examinar para elegir una imagen de su disco duro.

Vídeo: Efectos con Hover.css Dreamweaver

En el cuadro Imagen de sustitución, escriba la ubicación de la imagen que será aparece cuando se pasa el ratón sobre la imagen. Haga clic en Examinar para elegir una imagen de su disco duro.

Vídeo: Movimiento de Desplazamiento en Adobe Muse

Si la imagen se puede hacer clic (vinculado), escriba la dirección Web en el cuadro siguiente. Haga clic en Aceptar.

Guardar la página cuando haya terminado.

Pruebe el ratón por encima eligiendo previa en el explorador en el menú Archivo. Pase el cursor del ratón sobre la imagen para ver la nueva imagen ocupe su lugar.

Consejos

Asegúrese de que el cuadro de Carga previa de imagen Rollover está marcada. Este asegurar que las imágenes utilizadas en el ratón por encima se cargan en el sitio web antes de que el usuario tiene la oportunidad de flotar sobre la imagen base, lo que reduce la posibilidad de errores.
Ambas imágenes deben ser del mismo tamaño.
Un ratón en off es parte de un grupo de acciones llamado "comportamientos" en Dreamweaver. Comportamientos, que son eventos (como el posicionamiento del ratón) que desencadenan acciones (por ejemplo, mostrar una nueva imagen), se componen de pequeñas piezas de código javascript que le dicen al navegador para realizar una función. Para más información sobre javascript, consulte "Cómo aprender acerca de javascript" y "Cómo agregar javascript a una página web con Dreamweaver," eHows relacionados.

Artículos necesitará

Sobre el Autor

Este artículo fue creado por un escritor profesional y editado por correctores experimentados, ambos miembros calificados de la comunidad demanda Media Studios. Todos los artículos pasan por un proceso editorial que incluye directrices OBJETO, opinión plagio, verificación de datos, y otros pasos en un esfuerzo por proporcionar una información fiable.