Introduction to jQuery: Difference between revisions

From XPUB & Lens-Based wiki
No edit summary
 
Line 20: Line 20:
http://pzwart3.wdka.hro.nl/~tklok/js/jquerytimo.html <br />
http://pzwart3.wdka.hro.nl/~tklok/js/jquerytimo.html <br />
http://pzwart3.wdka.hro.nl/~tklok/js/jquerytimo2.html <br />
http://pzwart3.wdka.hro.nl/~tklok/js/jquerytimo2.html <br />
http://pzwart3.wdka.hro.nl/~acastro/prototyping/jquery/120419-growing-square.html <br />
http://pzwart3.wdka.hro.nl/~acastro/prototyping/jquery/120426-moving-img.html <br />
</span>
</span>



Latest revision as of 18:04, 27 April 2012

Let's start looking at jQuery:

"jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development.
jQuery is designed to change the way that you write JavaScript."

For those who never used jQuery please read: How does jQuery work?


Assignment 1

Create one or more 200x200px 'animations' (using html elements, text, images, whatever) that runs & loops automatically (without user interaction for now...)

Paste your '200px' links here:

All jQuery code is in the page if you want to have a look...


http://pzwart3.wdka.hro.nl/~tklok/js/jquerytimo.html
http://pzwart3.wdka.hro.nl/~tklok/js/jquerytimo2.html
http://pzwart3.wdka.hro.nl/~acastro/prototyping/jquery/120419-growing-square.html
http://pzwart3.wdka.hro.nl/~acastro/prototyping/jquery/120426-moving-img.html

And view all

(I heard you like jQuery so I use some jQuery to load your jQuery)

(somebody has his 'pass' for this subject I guess)