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

here

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

Sebastian's 'all jquery effects'

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

@@ Line 20: / Line 20: @@
 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/~acastro/prototyping/jquery/120419-growing-square.html <br />
+http://pzwart3.wdka.hro.nl/~acastro/prototyping/jquery/120426-moving-img.html <br />
 </span>
@@ Line 25: / Line 28: @@
 * [http://pzwart3.wdka.hro.nl/~tklok/js/ here]
 (I heard you like jQuery so I use some jQuery to load your jQuery)
 * [http://sebastianschmieg.com/alljqueryeffects Sebastian's 'all jquery effects']
+(somebody has his 'pass' for this subject I guess)