Introduction to jQuery: Difference between revisions
No edit summary |
Andrecastro (talk | contribs) |
||
| 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 17: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)