หน้า: [1]   ลงล่าง
พิมพ์
ผู้เขียน หัวข้อ: 24 เทคนิคการเปลี่ยนหน้า Webpage แบบ มีลูกเล่น (Effect)  (อ่าน 985 ครั้ง)
dynaz
dynaz of iDeeZiGn
ประธานฝ่ายความมั่นคง
Creative High School
*****

Karma: +1/-0
ออฟไลน์ ออฟไลน์

กระทู้: 234



ดูรายละเอียด เว็บไซต์
« เมื่อ: กรกฎาคม 07, 2009, 03:08:23 pm »

เพียงขั้นตอนเดียวเท่านั้น คือแทรก Tag Meta ใน Code HTML ดังนี้...   

<meta http-equiv="Page-Enter" content="ลักษณะของ Effect ที่คุณต้องการ">


ตัวอย่าง ลักษณะของ Effect ที่คุณต้องการ

   
Tag   Effect
<meta http-equiv="Page-Enter" content="blendTrans(Duration=5.0)">   : Fade จางไปเข้ม
<meta http-equiv="Page-Enter" content="revealTrans(Duration=5.0,Transition=0)">   : Fade สี่เหลี่ยมย่อเข้าหาศูนย์กลาง
<meta http-equiv="Page-Enter" content="revealTrans(Duration=5.0,Transition=1)">   : Fade สี่เหลี่ยมขยายจากศูนย์กลาง
<meta http-equiv="Page-Enter" content="revealTrans(Duration=5.0,Transition=2)">   : Fade วงกลมย่อเข้าหาศูนย์กลาง
<meta http-equiv="Page-Enter" content="revealTrans(Duration=5.0,Transition=3)">   : Fade วงกลมขยายจากศูนย์กลาง
<meta http-equiv="Page-Enter" content="revealTrans(Duration=5.0,Transition=4)">   : Fade ล่างขึ้นบน
<meta http-equiv="Page-Enter" content="revealTrans(Duration=5.0,Transition=5)">   : Fade บนลงล่าง
<meta http-equiv="Page-Enter" content="revealTrans(Duration=5.0,Transition=6)">   : Fade ซ้ายไปขวาเร็ว
<meta http-equiv="Page-Enter" content="revealTrans(Duration=5.0,Transition=7)">   : Fade ขวาไปซ้ายเร็ว
<meta http-equiv="Page-Enter" content="revealTrans(Duration=5.0,Transition=8)">   : Fade สี่เหลี่ยมผืนผ้าเป็นตอน ๆ แนวตั้ง
<meta http-equiv="Page-Enter" content="revealTrans(Duration=5.0,Transition=9)">   : Fade สี่เหลี่ยมผืนผ้าเป็นตอน ๆ แนวนอน
<meta http-equiv="Page-Enter" content="revealTrans(Duration=5.0,Transition=10)">   : Fade สี่เหลืยมกระดานหมากฮอส ซ้ายไปขวา
<meta http-equiv="Page-Enter" content="revealTrans(Duration=5.0,Transition=11)">   : Fade สี่เหลืยมกระดานหมากฮอสต์ บนลงล่าง
<meta http-equiv="Page-Enter" content="revealTrans(Duration=5.0,Transition=12)">   : Fade จุด ๆ พิกเซล
<meta http-equiv="Page-Enter" content="revealTrans(Duration=5.0,Transition=13)">   : Fade ซ้ายไปขวา
<meta http-equiv="Page-Enter" content="revealTrans(Duration=5.0,Transition=14)">   : Fade ขวาไปซ้าย
<meta http-equiv="Page-Enter" content="revealTrans(Duration=5.0,Transition=15)">   : Fade ปิดประตูตามแนวนอน
<meta http-equiv="Page-Enter" content="revealTrans(Duration=5.0,Transition=16)">   : Fade เปิดประตูตามแนวนอน
<meta http-equiv="Page-Enter" content="revealTrans(Duration=5.0,Transition=17)">   : Fade ขวาบนไปซ้ายล่าง
<meta http-equiv="Page-Enter" content="revealTrans(Duration=5.0,Transition=18)">   : Fade ขวาล่างไปซ้ายบน
<meta http-equiv="Page-Enter" content="revealTrans(Duration=5.0,Transition=19)">   : Fade ซ้ายบนไปขวาล่าง
<meta http-equiv="Page-Enter" content="revealTrans(Duration=5.0,Transition=20)">   : Fade ซ้ายล่างไปขวาบน
<meta http-equiv="Page-Enter" content="revealTrans(Duration=5.0,Transition=21)">   : Fade ลายปรินท์แนวนอน
<meta http-equiv="Page-Enter" content="revealTrans(Duration=5.0,Transition=22)">   : Fade ลายปรินท์แนวตั้ง
<meta http-equiv="Page-Enter" content="revealTrans(Duration=5.0,Transition=23)">   : Fade สุ่มทุก Effect


ง่าย ๆ เพียงเท่านี้คุณก็จะมีลูกเล่นประดับ Web เพิ่มขึ้นอีกอย่างแล้วหล่ะครับ!

เคริดต : http://www.todayload.com/effect/fadeweb.htm

บันทึกการเข้า

poumerida
Creative Newbie
*

Karma: +0/-0
ออฟไลน์ ออฟไลน์

กระทู้: 11



ดูรายละเอียด เว็บไซต์
« ตอบ #1 เมื่อ: ตุลาคม 01, 2009, 07:34:32 pm »

แทรกเข้าไปตรงส่วนไหนครับ Sad

บันทึกการเข้า

vidar_boyzai
Creative Newbie
*

Karma: +1/-0
ออฟไลน์ ออฟไลน์

เพศ: ชาย
กระทู้: 36



ดูรายละเอียด เว็บไซต์
« ตอบ #2 เมื่อ: ตุลาคม 08, 2009, 05:22:01 am »

นั่นจิ

บันทึกการเข้า

JobOnNet
Creative Newbie
*

Karma: +0/-0
ออฟไลน์ ออฟไลน์

กระทู้: 2



ดูรายละเอียด
« ตอบ #3 เมื่อ: ตุลาคม 08, 2009, 06:46:45 pm »


ก่อนปิด Tag </head> ครับ

คือให้อยู่บรรทัดไหนก็ได้อะ แต่ว่าให้อยู่ในส่วนนี้

อ้างถึง
<head>

ภายในนี้อะครับ.

</head>

บันทึกการเข้า
หน้า: [1]   ขึ้นบน
พิมพ์
กระโดดไป: