Wednesday, March 4, 2009

JQuery Mastery Check

You will answer the following questions and email me your answer by 10:30am today. Implement all these in one html page. You will be using the jQuery and the jQuery-ui libraries, so make sure you load both. You will want to consult the jQuery documentation.

  1. Implement a paragraph of text that when you click on its color changes from black to red: first click red, second click black, third click red, and so on.
  2. Implement photo (am img) that the user can drag around the screen.
  3. Implement a table (say, 2x10) and then color the background of every other row as light green.
  4. A square box that you can drag around with a number in it. The number counts the number of times the user has clicked on the box.
  5. A progress bar that counts 60 seconds.

No comments:

Post a Comment