//MAKE: 2.10 Skill-builder: Move things around smoothly

Resources

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.

  1. Link to the jQuery library in the <head> of your page
  2. Add a background image
  3. Add an image of something you want to move around
  4. Give that image an Id
  5. Change the positioning mode of the animated element using CSS
  6. Trigger the animation as Javascript code

For example



"Dorsten 1633-cupper-engraving by matthaeus-merian". Licensed under Public Domain via Wikimedia Commons.