Plugin ตัวนี้ใช้สำหรับสร้างเมนูด้วย jQuery สามารถกำหนด option ได้เช่น ความเร็วในการเปิดปิดเมนู, รูปแบบในการแสดงผล effect jMenu is a jQuery plugin that enables us to create horizontal navigations with unlimited sub-menus. Besides jQuery, it also requires jQuery UI and supports all the effects of this library (like fadeIn or slideDown). The markup of the menu is pretty clean as it makes use of nested lists. The look and fee [...]

In this tutorial we will create a unique bottom slide out menu. This large menu will contain some title and a description of the menu item. It will slide out from the bottom revealing the description text and some icon. We will use some CSS3 properties for some nice shadow effects and jQuery for the interaction. ตัวนี้เป็นการสอนการทำ menu เวลา mouseover แล้ว menu จะเลือนขึ้น และเวลาเอา mouseout menu จะเลื่อนลงไปที่เดิม

Plugin ตัวนี้ใช้สำหรับทำรูปแบบ fadein , fadeout

Plugin ตัวนี้ไว้สำหรับสร้างเมนูแบบเลื่อนขึ้นลงเวลา mouse hover

Plugin ใช้ทำสร้าง menu animate Another Solution to Animation Queue Buildup in jQuery Or: Why do hover animations continue after I stop hovering? Over at learningjQuery.com, Brandon Aaron published a quick tip on how to prevent animation queue buildup in hover animations. Since I was not satisfied with his solution, I tried to find another. After taking some wrong paths and learning a lot about jQuery’s animation (queue) system, I think I finally found a good solution. The last locigal step was to wrap it up into a nice jQuery plugin – and so hoverFlow was born. [...]

Plugin ตัวนี้เป็นการใส่ Dropdown effect ให้กับ menu เวลากด Menu ถึงจะเลื่อนลงมาและเวลา Mouseout Menu ก็กลับเลื่อนขึ้นไป หมายเหตุ:ตัว sourcecode ผมหาไม่เจอจิงๆแนะนำให้ดูจาก page source หน้า demo ครับ Studies show that top navigations tend to get the most visual attention when a user first visits a site. Having organized and intuitive navigation is key — and while m [...]

Plugin นี้ใช้ในการแสดงรูปแบบประตูโรงรถ Right out of the box, jQuery provides the animate function, which allows us to morph some CSS attributes over time. Things like opacity, font-size, width, length, and position are all supported. There are a couple of notable limitations to this function though, and one of those is “background-position”. Thankfully, there is a plugin to help with this, the Background-Position Animation Plugin by Alexander Farkas. (direct link to JS). With this, we can do some fun stuff! We are going to buil [...]

Plugin ตัวนี้ไปการใส่ Effect ให้กับรูปพื้นหลังสามารถ Fade Color , Top down ได้

ตัวนี้เป็นเว็บสำหรับสอนการสร้าง menu ดังรูปด้านบนครับ

Plugin ตัวนี้ใช้สำหรับสร้างตามรูปไม่รู้เรียกว่าอะไรเอาไปใช้ได้หลายอย่าง และนี่เป็นแค่ตัวอย่างเว็บจริงมีตัวอย่างให้ดู 7 ตัวอย่าง นี่ยกมาให้ดูคร่าวๆ Kwicks for jQuery started off as a port of the insatiably attractive Mootools effect (of the same name), but has evolved into a highly customizable and versatile widget.