สร้างเอฟเฟ็กต์พิเศษสำหรับหน้าเว็บที่จะเฟดเข้าไป

บนอินเทอร์เน็ต มีบทความนับไม่ถ้วนที่แนะนำเอฟเฟกต์พิเศษสำหรับการผลิตหน้าเว็บ ตั้งแต่ตัวอักษรไปจนถึงอินเทอร์เฟซทั้งหมด อย่างไรก็ตาม เอฟเฟกต์การเปลี่ยนแปลงระหว่างหน้าเว็บมีขนาดค่อนข้างเล็ก บทความนี้จะแนะนำให้คุณรู้จักกับเอฟเฟกต์การเปลี่ยนหน้า - เอฟเฟกต์การเฟดหน้าเว็บ

เอฟเฟกต์จางลงคือการค่อยๆ แสดงอินเทอร์เฟซ ทำให้ผู้คนรู้สึกว่าอินเทอร์เฟซนุ่มนวลขึ้นและไม่สั่นไหว เมื่อพูดถึงเอฟเฟกต์เฟด หลายๆ คนคงจะคุ้นเคยกับมัน เพราะสามารถเห็นได้หลายด้าน เช่น ภาพยนตร์ โทรทัศน์ ซอฟต์แวร์ภาพบางชนิด เป็นต้น ในทำนองเดียวกัน การออกแบบเว็บก็สามารถทำได้เช่นกัน

ขั้นแรกให้เตรียมหน้าเว็บสองหน้า: หน้าแรกและหน้าเว็บเอฟเฟกต์พิเศษ ให้เพิ่มโค้ดต่อไปนี้ตามลำดับ:

หน้าแรก:

〈a href="p.htm"〉คลิกที่นี่เพื่อเพลิดเพลินไปกับเอฟเฟ็กต์พิเศษที่ค่อยๆ จางหายไปของหน้าเว็บ〈/a 〉

หน้าเว็บเอฟเฟกต์พิเศษ:

〈meta http-equiv="Page-Enter" content="revealTrans(Duration=3.0,Transition=12)"〉

เมื่อคุณคลิกลิงก์ด้านบนและเข้าสู่หน้าเอฟเฟกต์พิเศษ โค้ดของหน้าเอฟเฟกต์พิเศษจะมีผล และอินเทอร์เฟซ ค่อยๆ เปลี่ยนไปจากหน้าที่แล้ว มันเบลอๆ และหน้าใหม่ก็ค่อยๆ ปรากฏขึ้น ซึ่งก็รู้สึกดี