Thaigraph

 

   

ค้นหา
Maple Avatar ห้องแต่งตัวใหม่วิธีการเขียน Blog ส่วนตัววิธีโพสคลิปจาก Youtubeตารางข้อมูล เครดิต + Moneyวิธีการโพสกระทู้แบบรวดเร็ว
ดู: 4131|ตอบ: 2
go

Opacity Interface

Rank: 9Rank: 9Rank: 9

โพสต์เมื่อ 6-8-2008 20:55 |แสดงโพสต์ทั้งหมด
Effects จะทำให้ภาพจางอ่อนลง ทำให้ดูกลืนกับพื้นหลัง ดูแล้วเหมือนกับซ้อนแล้วเวลาเอาเม้าส์ไปอยู่เหนือภาพ ก็จะคมชัดเป็นภาพปกติขึ้นมาทันที ลูกเล่นนี้จะทำให้เกิดความน่าสนใจในเวปเรายิ่งขึ้น และสามารถไปประยุกต์ได้ หลากหลายกับเวปเราได้

Interface นี้จะใช้ Java Scripts เป็นตัวทำให้เกิด Effects ด้วยหลักการที่ไม่ยุ่งยากซับซ้อนสามารถนำไปใช้ได้ทันที เอาหละมาเรียนรู้หลักวิธีการทำกันเลย เพื่อจะเอาไปเพิ่มลูกเล่นให้กับเวปของเรา...

 

ขั้นตอนที่1. เตรียมไฟล์ภาพที่ต้องการจะให้เกิด Effects ขึ้นมาดั่งภาพตัวอย่าง.

 

 

ขั้นตอนที่2. หลังจากนั้นก็นำภาพมาใส่ในหน้าเอกสาร html แล้วทำการแทราก Java Scripts เหนือ code html ของภาพ ดังตัวอย่าง.

 

 

 คลิ๊กที่นี่เพื่อดู Code Javascripts

 

ขั้นตอนที่3. แล้วก็ใส่ Style ลงไปร่วมกับ Code รูปภาพ หลังจากนั้นถ้าต้องการปรับแต่งความจางของ Effects ก็ปรับตรง Opacity ตามที่เราต้องการ Effects ก็สำเร็จดังตัวอย่าง.

 

 

คลิ๊กที่นี่ เพื่อดูตัวอย่างสำเร็จ

 

ก่อนจบ. คงทำกันได้นะขอรับ หลักการคือเอา Code Scripts มาแปะเหนือ Code รูปภาพแล้วก็ใส่ Style ลงไปแล้วก็ปรับค่า Opacity ใน Code วิธีการนี้สามารถทำได้หลายๆ ภาพโดยไม่จำกัด

 

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

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

Rank: 5Rank: 5

โพสต์เมื่อ 17-12-2010 12:09 |แสดงโพสต์ทั้งหมด
ผมเทสใน chrome และ firefox ไม่ได้ครับ คงได้เฉพาะใน ie

Rank: 1

โพสต์เมื่อ 24-7-2011 03:40 |แสดงโพสต์ทั้งหมด
เหมือนกันเลย

Thaigraph

GMT+7, 23-8-2019 10:26 , Processed in 0.098437 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