Program tayangan slide DHTML (1)

Penulis：Eve Cole Waktu Pembaruan：2009-06-20 17:00:35

Ini adalah program tayangan slide, yaitu program yang memutar gambar secara bergantian. Bentuk bilah pemutaran iklan ini bisa kita lihat di beberapa situs yang sebagian besar dibuat dengan CGI, artinya servernya harus mendukung program CGI seperti ASP, PHP, Perl, dll. Namun metode implementasi kami di sini tidak memerlukan CGI, hanya menggunakan efek CSS, ditambah kontrol JavaScript. Selama browser Anda adalah IE 4.0 atau lebih tinggi atau Netscape 3.0 atau lebih tinggi. Hanya saja disini kita menggunakan efek Filter CSS yang hanya bisa muncul di IE. Untuk informasi tentang efek filter CSS, Anda dapat merujuk ke "Penjelasan Mendetail Filter di CSS" saya, yang telah dipublikasikan di Yesky.com.
Oke, mari kita lakukan beberapa persiapan.

Pertama-tama, untuk membuat efek ini, pertama-tama kita perlu membuat beberapa gambar dengan ukuran yang sama dan membiarkannya diputar secara bergantian. Misalnya, saya menemukan tiga gambar berukuran 88x31 berikut sebagai gambar yang digunakan.

Kedua, mari kita ulas pengetahuan tentang filter konversi gambar Filter di CSS:

Tampilkan filter transformasi dalam CSS

Filter transformasi tampilan memberikan efek transformasi yang lebih bervariasi. Berbeda dengan filter transformasi hybrid yang hanya memberikan efek fade-in dan fade-out, filter ini juga memberikan efek transformasi gambar yang lebih banyak.

Filter: RevealTrans (durasi = jumlah detik untuk mengkonversi, transisi = jenis konversi)

Seperti yang Anda lihat, ia memiliki parameter jenis konversi. Di sini, ia menyediakan 24 jenis konversi. Kita hanya perlu menentukan nama kode jenis konversi untuk mengonversi gambar sesuai dengan efek konversi unik. Tabel berikut memperlihatkan 24 formulir filter konversi dan kode terkait:
Tampilkan kode bentuk konversi filter konversi.

kode yang sesuai dengan	bentuk konversi filter konversi.	Tampilkan	yang sesuai dengan
Persegi panjang dari besar ke kecil	0	larutkan secara acak	12
persegi panjang dari kecil ke	besar 1	belah secara vertikal ke dalam	13
lingkaran dari besar ke kecil.	2	Belah vertikal ke luar	14
Bulat Kecil hingga besar	3	Belah horizontal ke dalam	15
Dorong ke atas	4	Belah horizontal ke luar	16
Dorong ke bawah	5	Kelupas ke kiri dan ke bawah	17
Dorong ke kanan	6	Kelupas ke kiri ke atas	18
Dorong ke kiri Buka	7	Kelupas ke bawah ke kanan	19
Tirai vertikal	8	Kelupas atas dan kanan	20
Tirai horizontal	9	Garis halus horizontal acak	21
Kotak-kotak horizontal	10	Garis halus vertikal acak	22
Kotak-kotak vertikal	11	Memilih efek khusus secara acak	23