Skip to content

emilywools/jquery_exercise

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation


Layout Exercise, Class 5 6/6 (already?!)
Box Model and Positioning


************
Instructions
************

1. Make changes to the page using jQuery.


******
Tasks
******
(FYI: these are just guidelines. Do whatever you want!)


Level 1
-------
1. Change the page title text
2. Make the second paragraph's text green
3. Make a button that changes the background
4. Make the page name blue when hovered over


Level 2
-------
1. Add another paragraph to ".quotes"
2. Use a jQuery plugin
3. Find all words "the" in the file, and replace them with "HELLO" 
4. Make all of the above bold



Level 3
-------
1. Make an image fly across the screen
2. Fade in the picture when the page loads without the content jumping
3. Create a tabbed interface using jQuery UI
4. Make a something happen every two seconds



Level 4
-------
1. Make a chain of 10 actions on a single selector
2. Create a text input where you can replace the h1 title of the page
3. Use a callback function
4. Add a Google map to the page using the Google Maps JavaScript API



Incredible Cray Cray Ultimate Bonus
-----------------------------------
Draw a dog using the HTML5 canvas element

About

Learn jQuery. Wow, it's so cool!

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published