What's a Jelo Shot? How do I use these tutorials?

HEREDOC; readfile($f); } else { echo <<Tutorial Not Found

Unable to find the tutorial you requested: $req

HEREDOC; } } else { ?>

Anatomy of a Jelo Shot

A "Jelo Shot" is a (usually small) piece of sample code that teaches you something about the Jelo JavaScript library. You just click the sample code and watch what happens. Easy! Here's an example of a Jelo Shot, taken straight from the tutorial on animation basics:

Animating background and text color properties 

Jelo.Anim.ate({
    me       : $(".example"),
    css      : "background-color",
    from     : "#F6F6F6", // grey
    to       : "#0080FF", // blue
    duration : 2
});
Jelo.Anim.ate({
    me       : $(".example"),
    css      : "color",
    from     : "#000000", // black
    to       : "#FFFFFF", // white
    duration : 2
});
Click the bright orange Jelo Shot icon to run any tutorial script.
Run the Jelo Shot above to change my colors.

Tips and Tutorials