Resources
- //INIT: Using libraries
- //OUTPUT: Animating motion
Saving your work
Use Save as...
to save the
empty template as
"2.10S-MoveThingsAroundSmoothly-LastName.html
"
in your Computer Programming 12 directory.
The assignment
Create a program that uses Javascript with the jQuery library to move something smoothly around the screen.
-
Link to the jQuery library in the
<head>
of your page - Add a background image
- Add an image of something you want to move around
- Give that image an Id
- Change the positioning mode of the animated element using CSS
- Trigger the animation as Javascript code
For example
"Dorsten 1633-cupper-engraving by matthaeus-merian".
Licensed under Public Domain via
Wikimedia Commons.