Kesan khas teg META yang diabaikan (kesan peralihan halaman)_HTML/Xhtml_Pengeluaran halaman web

Menggunakan js dalam reka bentuk web boleh mencapai banyak kesan khas halaman Walau bagaimanapun, ramai orang mengabaikan kesan kuat teg META dalam teg HTML Malah, teg meta juga boleh mencapai banyak kesan peralihan halaman. Teg
META ialah teg tambahan dalam kawasan HEAD bahasa HTML. Teg Meta diletakkan di tengah-tengah

...
setiap halaman web yang biasa digunakan ialah:
//Alat penyuntingan penerangan;
//Kata kunci penerangan;//Penjelasan halaman utama; . Tag meta biasanya digunakan untuk menentukan tema halaman untuk robot enjin carian, atau untuk menentukan kuki pada pelayar pengguna, ia boleh digunakan untuk mengenal pasti pengarang, menetapkan format halaman, menandakan ringkasan kandungan dan kata kunci; halaman supaya ia boleh
Segarkan semula diri anda mengikut selang masa yang anda tentukan, dan tetapkan tahap kandungan RASC, dsb. Artikel ini menerangkan terutamanya cara menggunakan tag meta untuk menghasilkan kesan peralihan halaman....

Penggunaan:




blendTrans ialah sejenis penapis dinamik CSS yang menghasilkan kesan pudar. Satu lagi penapis dinamik, RevealTrans, juga boleh digunakan untuk kesan kemasukan dan keluar halaman: Penapis dinamik boleh menambah kesan perubahan fade-in dan fade-out bergerak dan imej pada halaman Ia boleh dibahagikan kepada dua jenis: blend (. bercampur) dan dedahkan ( Paparan),
Yang pertama boleh membuat objek secara beransur-ansur hilang atau muncul, dan yang kedua memberikan 24 kesan transformasi imej...



Tempoh: perwakilan Tempoh kesan penapis (unit: saat)
Peralihan: jenis penapis. Menunjukkan kesan khas yang akan digunakan, nilainya ialah 0-23. ------------------------------------------------ --- ----------------------------------
0: Kurangkan segi empat tepat 1: Kembangkan segi empat tepat
2: Kurangkan bulatan 3: Pengembangan bulat
4: Muat semula dari bawah ke atas 5: Muat semula dari atas ke bawah
6: Muat semula dari kiri ke kanan 7: Muat semula dari kanan ke kiri
8: Tirai menegak 9: Bidai mendatar
10 : Bidai mendatar mengimbangi 11: Bidai menegak mengimbangi
12: Hamparan titik 13: Muat semula dari kiri ke kanan ke tengah
14: Muat semula dari tengah ke kiri dan kanan 15: Tengah ke atas dan ke bawah
16: Atas dan bawah ke tengah 17: Bawah kanan ke atas kiri
18: Atas kanan ke bawah kiri 19: Atas kiri ke bawah kanan
20: Bawah kiri ke atas kanan 21 : Bar mendatar
22: Bar menegak 23: Pilih secara rawak salah satu daripada 22 jenis di atas
----- ----------------------- ---------------------------- ----------------------- -
Selagi kesan transformasi halaman web dipadankan dengan betul, kesan transformasi ini akan meninggalkan kesan yang sangat mendalam kepada pelawat, malah mereka yang asalnya Pelawat yang tidak berminat dengan tapak anda. Terutamanya rakan-rakan yang suka belajar penghasilan halaman web boleh menyalin halaman web anda untuk tujuan kajian dan penyelidikan. Malah, anda baru sahaja menambah sekeping kod pendek^_^ Kesan transformasi halaman web (Trans) dibahagikan kepada empat kategori: "Masukkan halaman web" (Masuk Halaman), "Tinggalkan halaman web" (Keluar Halaman ), dan "Enter the site" (Site-Enter), "Leave the site" (Site-Exit). Setiap kategori utama dibahagikan kepada 25 subkategori Pertama, gunakan kesan memasuki halaman web untuk menggambarkan:

Kesan memasuki halaman web
1. Kod kesan pencampuran adalah seperti berikut:

2. Kod untuk kesan pengecutan kotak adalah seperti berikut:
3. Kod kesan sinaran berbentuk kotak adalah seperti berikut:
4. Kod untuk kesan pengecutan bulat adalah seperti berikut:
5. Kod untuk kesan sinaran bulat adalah seperti berikut:
6. Kod untuk kesan pemadaman ke atas adalah seperti berikut:
7. Kod untuk kesan pemadaman ke bawah adalah seperti berikut:
8. Kod untuk kesan pemadaman yang betul adalah seperti berikut:
9. Kod untuk kesan padam kiri adalah seperti berikut:
10. Kod untuk kesan pelekat menegak adalah seperti berikut:
11. Kod untuk kesan pelekat mendatar adalah seperti berikut:
12. Kod untuk kesan papan dam mendatar adalah seperti berikut:
13. Kod untuk kesan papan dam menegak adalah seperti berikut:
14. Kemudian kod kesan penguraian adalah seperti berikut:
15. Kod untuk kesan lekukan dari kiri ke kanan ke tengah adalah seperti berikut:
16. Kod untuk mengembangkan kesan dari tengah ke kiri dan kanan adalah seperti berikut:
17. Kod untuk kesan lekukan ke atas dan ke bawah ke tengah adalah seperti berikut:
18. Kod untuk kesan pengembangan tengah ke atas dan ke bawah adalah seperti berikut:
19. Kod untuk mengekstrak kesan dari kiri bawah adalah seperti berikut:
20. Kod untuk mengekstrak kesan dari kiri atas adalah seperti berikut:
21. Kod untuk mengekstrak kesan dari bahagian bawah sebelah kanan adalah seperti berikut:
22. Kod untuk mengekstrak kesan dari bahagian atas sebelah kanan adalah seperti berikut:
23. Kod kesan garis mendatar rawak adalah seperti berikut:
24. Kod kesan garis menegak rawak adalah seperti berikut:
25. Kod kesan rawak adalah seperti berikut:

Sekarang mari analisa kod ini Pertama sekali, anda pasti dapat melihat bahawa kebanyakan kod ini sangat serupa. Malah, walaupun terdapat banyak kategori, 25 subkategori di bawah setiap kategori utama sepadan dengan yang sama dan dikenal pasti dengan nombor (kecuali untuk kesan campuran blendTrans(Tempoh=1.0)), jadi tidak perlu membezakan setiap kategori utama. Sebagai contoh, hanya gantikan "Page-Enter" dengan "Page-Exit" (tinggalkan halaman web), "Site-Enter" (masuk tapak) dan "Site-Exit" (tinggalkan tapak), dan anda boleh mencapai kesan yang diingini, dan ia juga lebih mudah diingati. Antaranya, "Duration=1.0" boleh menetapkan masa setiap kitaran dalam beberapa saat (tetapan semasa ialah 1 saat setiap kitaran). Perlu diingatkan bahawa kesan empat kategori utama boleh ditetapkan pada masa yang sama dalam satu halaman web, tetapi hanya satu kesan boleh ditetapkan untuk setiap kategori utama. Di samping itu, jika halaman web adalah halaman bingkai, kesannya tidak akan dipaparkan.