adkdev // Just another web development blog


Fancy Menu: CSS and JS fun

Guillermo Rauch หนุ่มน้อยหน้ามน ซึ่งอายุได้เพียง 16 ปี จาก Argentina ได้เขียน fancy menu โดยใช้ CSS และ JavaScript โดยมี mootools เป็นฐานในการพัฒนา (อะไรจะเก่งปานนั้น)

ตัวอย่างโค้ดก็ได้ประมาณนี้

  1. window.addEvent(’domready’, function() {
  2. new SlideList($E(’ul’, ‘fancymenu’), {transition: Fx.Transitions.backOut, duration: 700, onClick: function(ev, item) { ev.stop(); }});
  3. });

การแสดงผลจะทำให้ดูเหมือนกับว่า มีการซูมเข้าไปในเมนูนั้น ซึงก็ทำออกมาได้ดีทีเดียว (ดีมากๆ) ว่าแต่เด็กรุ่นราวคราวเดียวกันกับ พ่อหนุ่ม Guillermo Rauch ในบ้านเราจะเขียนอะไรแบบนี้ออกมาบ้างมั้ยน้า……

Fancy Menu: CSS and JS fun

ที่มา Ajaxian

Related Posts

  • ดีไซน์ใหม่ หัวใจเดิม
  • Firefox Extension For Web Developer
  • Comments are closed




    Home Contact me! RSS