[Ilugc] real anime this time

[Girish Venkatachalam]

I got this from:

http://viralpatel.net/blogs/understanding-jquery-animate-function/

Check out:

http://awrdev.g3tech.in/realanime.html

Code:

$(function() {
        $('#hgt').click(function() {
                $('#animediv').animate(
                        { "height": "80px"},
                        "slow" );
        });
        $('#wdth').click(function() {
                $('#animediv').animate(
                        { "width": "350px"},
                        "fast" );
        });
        $('#opa').click(function() {
                $('#animediv').animate(
                        { "opacity": "0.15"},
                        "fast" );
        });

        $('#rst').click(function() {
                $('#animediv').css(
                        { "opacity": "1.0"}).
                        css({ "height": "200px"}).
                        css({ "width": "200px"});
        });


        $('#left').click(function() {
                $('#movediv').animate(
                        { "left": "-=50px"},
                        "slow" );
        });
        $('#right').click(function() {
                $('#movediv').animate(
                        { "left": "+=50px"},
                        "slow" );
        });
})

-Girish

-- 
Gayatri Hitech
http://gayatri-hitech.com
_______________________________________________
ILUGC Mailing List:
http://www.ae.iitm.ac.in/mailman/listinfo/ilugc
ILUGC Mailing List Guidelines:
http://ilugc.in/mailinglist-guidelines