Animated table sort ทำให้ตารางขยับได้

Animated Table Sort

ก่อนอื่นผมขอเล่าอะไรนิดหน่อย พอดีรู้จักเจ้า Animated table sort ตัวนี้เพราะเพื่อนผม ช่วงนี้กำลังศึกษา CSS3 อยู่แล้วใน CSS3 นั้นมันจะมี Effect เพิ่มขึ้นมาหนึ่งในหลายๆ อย่างที่เพิ่มขึ้นมาก็คือ Effect Animation ซึ่งเป็น Effect ที่ผมกำลังสนใจอยู่ แล้วเพื่อนเจ้ากำมันก็เอาเจ้า Animated table sort นี้แหละมาหลอกผมว่า “เป็นการสร้างตารางแล้วใช้ Effect Animation ใน CSS3 คุ้มทำให้เราสามารถควบคุ้มตารางได้เช่น เรามีตารางประกอบด้วย 2 คอลัมน์ คอมลัมน์แรกเป็นอันดับ (1,2,3,….) คอลัมน์ที่ 2 เป็นชื่อ (นายเอ,นายบี) เป็นต้น เราสามารถควมคุ้มให้ตางรางของเรานั้น sort ตามที่เราต้องารได้ เช่น ต้องการให้ sort ตามอันดับจากมากไปหาน้อย หรือ sort ตามชื่อ (ก ขึ้นก่อน หรือ ฮ มาก่อน) ” ผมลองเล่นดู (ยังไม่ได้ดู code) ก็เชื่อ (โง่ซะด้วย) แต่ลอมเล่นไปเล่นมา เกิดสงสัยด้วยตามันไว ผมสงเกตุเห็นว่า ตรงช่อง Status bar ในเบราว์เซอร์มันดันขึ้น URL ว่า Javascript:$(function) ก็เลยคลิ๊กขวา Inspect Element (พอดีลงAdd-on Firebug ไว้) ผมอุทานออกมาด้วยคำหยาบทันที หลายคำเลยแหละ แหม๋ ไอ้คุณเพื่อนมันหลอกผม มันเล่นเอา JQuery มาหลอกกันได้ซ่ะนี้ ซึ่งที่ผมกล่าวมาก็คือคุณสมบัติของเจ้าปลั๊กอินตัวนี้แหละครับ Animated Table Sort มันก็คือ jQuery plugin นั้นเอง ใครอยากจะลองเอามาใช้งานก็ลองศึกษาดูครับ เข้าตามลิงค์ที่ผมให้ไว้เลยจร้า

ที่มา : w3avenue.com