Thaigraph

 

   

ค้นหา
Thaigraph หน้าฟอรั่ม Webmaster Tip หลักวิธีการทำ Show Hide Layer ...
Maple Avatar ห้องแต่งตัวใหม่วิธีการเขียน Blog ส่วนตัววิธีโพสคลิปจาก Youtubeตารางข้อมูล เครดิต + Moneyวิธีการโพสกระทู้แบบรวดเร็ว
ดู: 4921|ตอบ: 0
go

หลักวิธีการทำ Show Hide Layer

Rank: 9Rank: 9Rank: 9

โพสต์เมื่อ 6-8-2008 20:42 |แสดงโพสต์ทั้งหมด
วิธีการนี้คาดว่าหลายท่านคงรู้แต่ผู้ไม่รู้นั้นยากสำหรับเขาวันนี้ไทยกราฟมาทำเสนอวิธีการทำ show hide layer ในDreamweaver แบบง่ายๆ แบบฉบับไทยกราฟ เพราะมีความจำเป็นในการประยุกต์ในการมาทำเปวและออกแบบเวปพอสมควร ควรจะรู้ใว้ใช่ว่า ...

หลักวิธีการนี้จะใช้ได้กับ Dreamweaver 4.0 ขึ้นไป แล้วแสดงผลได้ดีตั้งแต่ IE 4.0 ขึ้นไปเช่นกัน ส่วน Browser ตัวอื่นอาจจะเห็นบ้าง ไม่เห็นบ้าง เอาหละเราลองมาดูหลักวิธีการทำกันเลย ...

ขั้นตอนที่1. ให้ทำการสร้างไฟล์ html ขึ้นมาใหม่หนึ่งไฟล์ หรือว่าเปิดหน้าไฟล์ html ที่ต้องการทำ Effects ขึ้นมา

ขั้นที่ตอนที่2. หลักจากนั้นให้ทำการใส่ภาพลงไปโดยคลิ๊กไอค่อนรูปภาพ หรือมาที่คำสั่ง Insert --> Image เลือกที่เราต้องการ ดังตัวอย่าง.

 

 

ขั้นตอนที่3. จากนั้นให้ทำการวาง Layer โดยคลิ๊กไอค่อน Layer หรือเลือกคำสั่ง Insert --> Layer แล้วแดรกเม้าตามตำแหน่งต่างๆ ที่ต้องการ จากนั้นคลิ๊ก Layer ID แล้วปรับ Layer Properties ในส่วนของ Vis = hidden (เพื่อ Layer ไม่ให้แสดง)

 

 

 

ขั้นตอนที่4. แล้วเอาเคอร์เซอร์ ไปวางใน Layer แล้วใส่รูปภาพหรือว่าข้อความลงไปในพื้นที่ของ Layer

 

 

ขั้นตอนที่5. จากนั้นให้ทำการคลิ๊กที่รูปภาพเล็กที่ไม่อยู่ใน layer จากนั้นให้เลือกแสดงคำสั่ง window --> Behaviors จากนั้นให้คลิ๊กตรงเครื่องหมายบวก แล้วเลือกที่คำสั่ง Show-Hide Layers จากนั้นให้ใส่พร้อมกัน สองครั้ง ครั้งแรก ให้เลือก Show ครั้งสองให้เลือก Hide จากให้เลือกตรงลูกศรรูปสามเหลี่ยม แล้วเลือก Mouse แบบ Onmousever ใสส่วนที่เราให้ Show และ Onmouse Out ใส่ส่วนที่เราเลือก รวมความหมายของกระบวนการนี้ก็คือ เอา เม้าส์ ไปใกล้ Layer จะโชว์ เม้าส์ออก Layer จะหาย ...

 

 

คลิ๊กตัวอย่างดูผลสำเร็วของกระบวนการ

 

เป็นไงขอรับคงไม่ยากจนเกินไปถ้าต้องการทำอีกหลายๆ อันก็ทำ copy layer id แล้วเปลี่ยนชื่อเช่น id1 , id2 หรือแบบไหนก็ได้ตามที่เราต้องการเพียงแต่ไม่ให้ซ้ำกัน หละ แล้วก็ Copy รูปภาพที่ได้ตั้ง Show Hide Layer ใว้แล้วจากนั้นก็เปลี่ยนภาพเสีย ก็ทำหลายอันได้แล้ว ขอรับ ...

ขอปัญญาเกิดแด่ท่าน

ไทยกราฟ ดอท คอม


Thaigraph

GMT+7, 23-9-2019 09:48 , Processed in 0.026446 second(s), 19 queries .

Powered by Discuz! X1.5

© 2001-2010 Comsenz Inc. Thai Language by DiscuzThai! Team.

Top 10 Best Sellers in Clothing for 2017 Top 10 Best Sellers in Clothing Best Sellers in Clothing
Top 10 Best Sellers in Books reviewer 2017 Top 10 Best Sellers in Books Best Sellers in Books