การทำ POP-UP MENU ด้วยการวาด layer จัดทำโดย : Tung พิมพ์


การทำ POP-UP MENU ด้วยการวาด layer  จาก  Dreamweaver

1. เตรียมภาพที่เราต้องการ สร้างเมนู ขึ้นมา เป็นจุดเริ่ม

2. วาด เลเยอร์ไปใกล้ๆ แล้วนำ Table มาแบ่ง จำนวนเมนูตามใจชอบ ผมทำ แค่ 2 เมนูให้เป็น ตัวอย่างนะครับ

3. ใช้ Rollover Image ในการทำ ทิคนิค ช่วยเปลี่ยน รูปแบบ ของภาพ

>>

>>

4. จากนั้นให้เรากำหนดค่าเริ่มต้นของ layer ที่เราสร้างให้เป็นแบบ hidden เพื่อกการซ่อน Layer จาก properties (กำหนดตรง Vis ให้เป็น hidden) และกำหนดชื่อของ layer นี้ด้วยในตัวอย่างผมใช้ชื่อว่า pop

             

5. จากนั้นไปที่ Menu ที่เราสร้าง จากนั้น เปิด Tag Inspectoc > Behavions

6. กด เครื่องหมาย + และเลือก  Show - Hide Layers

7. จะได้ Menu นี้ขึ้นมา ซึ่งชื่อว่า หน้าต่าง Menu ว่า Show-Hide Layer   ในขั้นตอนแรกให้เราเลือกไปที่ชื่อ Layer ที่เราได้ทำการตั้งชื่อไว ้(POP) แล้วให้เลือกไปที่ปุ่ม Show ดังรูป  จากนั้นให้เราทำการคลิ๊กที่ OK ไปก่อน 1 ครั้ง

8. ทำอย่างเดิมอีกครั้ง แ้ล้ว แต่ ครั้งที่ 2 เลือกปุ่ม Hide  จากนั้น เปลี่ยน Events

ครั้งที่ทำ อันแรก Show ให้ Events เป็น onMouseOver

ครั้งที่ 2 Hide  ให้ Events เป็น OnMouseOut

แค่นี้ก็เสร็จแล้วครับ

ตัวอย่างคลิี๊๊๊กที่นี่ครับ

 

คุณอาจสนใจ
การบันทึกเอกสาร เพื่อส่งไปยังแฟ้มข้อมูล
Mr.GuruZ (27,884 - 02 ก.ค. 49)
การส่งค่าตัวแปลผ่าน Cookies
Mr.GuruZ (25,859 - 03 มิ.ย. 49)
การแทรก FlashButton ลงในเว็บเพจ
Baddevil (26,594 - 26 พ.ย. 50)
การกำหนดเงือนไขในการค้นหาข้อมูล
อ้อม (28,950 - 30 เม.ย. 50)
การทำให้โชว์สไลด์ไม่หยุดใน Ms Powerpoint 2003
nut (30,830 - 08 มี.ค. 51)
ตัวอักษรแสงกระจาย (Explosion)
อ.เล็ก (136,689 - 04 มิ.ย. 49)
วิธีการพิมพ์หน้าเว็บไซต์ต่าง ๆ ให้พอดีหน้ากระดาษ
เว็บไทยดีดี (18,265 - 19 ม.ค. 51)
การเลือกคำ หรือข้อความ
นายนุก (16,793 - 22 ก.พ. 51)