Programa de presentación de diapositivas DHTML (1)

Autor：Eve Cole Fecha de actualización：2009-06-20 17:00:35

Este es un programa de presentación de diapositivas, que es un programa que reproduce imágenes a su vez. Podemos ver esta forma de barras de reproducción de publicidad en algunos sitios, la mayoría de los cuales están hechos con CGI, lo que significa que el servidor debe soportar programas CGI, como ASP, PHP, Perl, etc. Pero nuestro método de implementación aquí no requiere CGI, solo usa efectos CSS, además de control de JavaScript. Siempre que su navegador sea IE 4.0 o superior o Netscape 3.0 o superior. Es solo que aquí usamos el efecto Filtro CSS, que solo puede aparecer en IE. Para obtener información sobre los efectos de filtro de CSS, puede consultar mi "Explicación detallada de los filtros en CSS", que se publicó en Yesky.com.
Bien, hagamos algunos preparativos.

En primer lugar, para crear este efecto, primero debemos hacer varias imágenes del mismo tamaño y dejarlas reproducirse por turno. Por ejemplo, encontré las siguientes tres imágenes de 88x31 como imágenes utilizadas.

En segundo lugar, revisemos el conocimiento del filtro de conversión de imágenes de Filter en CSS:

Mostrar filtro de transformación en CSS

El filtro de transformación de visualización proporciona un efecto de transformación más variado. A diferencia del filtro de transformación híbrido, que solo proporciona un efecto de aparición y desaparición gradual, también proporciona más efectos de transformación de imagen.

Filtro: RevealTrans (duración = número de segundos para convertir, transición = tipo de conversión)

Como puede ver, tiene un parámetro de tipo de conversión. Aquí proporciona 24 tipos de conversión. Solo necesitamos especificar el nombre del código del tipo de conversión para convertir la imagen de acuerdo con el efecto de conversión único. La siguiente tabla muestra los 24 formularios de filtro de conversión y sus códigos correspondientes:
Muestra el código la forma de conversión del filtro de conversión. Despegar hacia arriba a la

el código correspondiente a	la forma de conversión del filtro de conversión.	Muestra	correspondiente a
Rectángulo de grande a pequeño	0	disolver aleatoriamente	12
rectángulo de pequeño a	grande 1	dividir verticalmente hacia adentro	13
círculo de grande a pequeño.	2	verticales Dividir hacia afuera	14
Redondo Pequeño a grande	3	Dividir horizontalmente hacia adentro	15
Empujar hacia arriba	4	Dividir horizontalmente hacia afuera	16
Empujar hacia abajo	5	Despegar hacia la izquierda y hacia abajo	17
Empujar hacia la derecha	6	izquierda	18
Empujar hacia la izquierda Abrir	7	Despegar hacia abajo hacia la derecha	19
Persianas verticales	8	Despegar arriba y derecha	20
Persianas horizontales	9	Líneas finas horizontales aleatorias	21
Tablero de ajedrez horizontal	10	Líneas finas verticales aleatorias	22
Tablero de ajedrez vertical	11	Seleccionar aleatoriamente un efecto especial	23