Effects | Ajaxmint - Endless Ajax samples on jQuery, MooTools, ExtJS, Dojo, Prototype and PHP

Posts Tagged ‘effects’

Puffing Smoke Effect in jQuery

February 26th, 2010 No Comments

As you can see on the example page, you can selected different types of smoke that will adjust the effect while keeping the code intact.
Creating this fun jQuery effect doesn’t take too much effort. I am going to quickly go through the steps of using this effect to show you how easy it can be.

Download Demo Tutorial

Animator | A class for creating animated effects

February 24th, 2010 No Comments

Animator, a class for creating animated effects like moofx or scriptaculous.

Download Demo

Posted in ajax | Tags: animated effects, animation, animator, effects

Drag and drop to list elements using Scriptaculous

January 27th, 2010 No Comments

Drag and drop feature is a popular effect in modern website interfaces and a simple way to implement it is using Scriptaculous.

Download Tutorial

Posted in ajax | Tags: drag and drop, effects, elements, prototype, Scriptaculous

Vertical Menu with Show/Hide Effects | Mootools

January 7th, 2010 2 Comments

simple tutorial with two vertical menu examples with show/hide menu effect. First example uses a simple JavaScript code. Second example uses mootools to show/hide the menu with a nice vertical slide-in/slide-out effect.

Download Demo Tutorial

Posted in ajax | Tags: effects, menu, mootools, slide-in, slide-out, vertical menu

Opacity change using Scriptaculous

December 10th, 2009 No Comments

Scriptaculous is a great framework to implement superb animated effects for your website. It’s simple to use and in general final result is awesome.
This tutorial explains how to use Scriptaculous to implement a nice “change opacity” effect for a layer and its content.

Download Tutorial

Posted in ajax | Tags: animated, animation, effect, effects, opacity, Scriptaculous

Scriptaculous Effects Demo

December 10th, 2009 No Comments

Move your mouse over the words at the left to see how an effects work. Holding your mouse over the effect with repeat it. If you move your mouse over another effect, it will start when the previous effect finishes.