Plugin ตัวนี้ใช้สำหรับสร้าง animate background โดยสามารถเปลี่ยนมุมมองการแสดงภาพ โดยใช้ mouse เลื่อนว่าจะมองจากมุมไหน jParallax has had a major overhaul in readiness to be released as version 1.0! Layers are now freezable – the last feature I wanted to implement – and the code is more j and compact. I’ve been really encouraged by all the great comments, so thank you everyone! I just need you to road test the demos and tell m [...]

This animated tutorial goes over a similar concept to the youlove.us example of vertically moving a large CSS background image. Illustrations on how the technique works will help readers grok the concept more fully. Devirtuoso, the author of the tutorial, goes through due diligence by offering an IE6 hack for backwards compatibility. Plugin ตัวนี้ใช้สำหรับทำรูปพื้นหลังแบบเลื่อนได้ โดยต้องใช้รูปที่สูงหน่อยในการทำ

jQuery Blend is a plugin for animating CSS background images. The project emphasizes on web development best practices such as progressive enhancement so that users with JavaScript disabled are still able to interact with your interface, albeit without the animation effects, making for a truly universal design. Plugin ตัวนี้ใช้สำหรับทำ image hover สามารถหน่วงเวลาการแสดงผลได้ และสามารถใส่ event ตอนแสดงผลเสร็จแล้วได้ด้วย

ตัวนี้เป็นการสอนการทำภาพ animate เวลา mouse over ทำได้ทั้งแบบเงาสะท้อนหรือเงาธรรมดา ต้องใช้รูปกับเงาแยกกัน In this tutorial, you will learn how to animate image elements in a smooth and fluid manner. The tutorial features objects that, when hovered on, rises upwards. In the live demo of the effect, notice how the reflections and shadows at the bottom also changes when the object lifts up; hence “realistic” in the na [...]

Plugin ใช้สำหรับทำ animate rotations effect ในรูปทรงลูกเต๋า สามารถใส่ได้ทั้งรูป, ตัวหนังสือ,สามารถกำหนดeventเพิ่มเติมได้และอื่นๆอีกหลายอย่าง A jQuery plugin that sets a division to rotate between images (or other things) as if they were on the faces of a cube

Plugin ตัวใช้สร้าง animate ตัวละครหรือ background เคลื่อนที่ได้ ใช้เพียง javascript ทำงานได้ไม่แพ้ Flash Spritely is a jQuery plugin created by Artlogic for creating dynamic character and background animation in pure HTML and JavaScript. It’s a simple, light-weight plugin with a few simple methods for creating animated sprites such as the birds you see on the main page, and dynamic scrolling backgrounds

Plugin ตัวนี้ใช้สำหรับสอนการทำ postcard animated Sam Dunn of the web development duo, Build Internet, wrote a tutorial on how to create an animated landscape using transparent PNG images. The tutorial takes advantage of the popular jQuery Easing plugin to help with the animation and the setTimeout() JavaScript function to time the events accordingly. flip

บทความนี้เกี่ยวกับการสอนการสร้าง animate และ design ในรูปแบบต่าง มีด้วยกัน 10 แบบ jQuery Tutorials for Designers This article contains 10 visual tutorials intended for web designers and newbies on how to apply Javascript effects with jQuery. In case you don’t know about jQuery, it is a “write less, do more” Javascript library. It has many Ajax and Javascript features that allow you to enhance user experience and semantic coding. Since these tutorials are fo [...]

Plugin ตัวนี้ใช้แสดงรูปเวลา Mouser Over หน้าต่างที่รูปจะเปิดออกแล้วจะแสดง text ที่อยู่ข้างหลัง

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. [...]