Schedule Projects

Exercise: Click and Hover

Note

There are several ways to change the style of your website interactively. Hover and click are two ways, today we will use jQuery to create hover and click events that change the CSS on one or more elements on the page. 

Instructions

Using what you have learned in CSS and this begin implementing jQuery. Use below starter kit and the following functions to create a specific user interaction (with a separate index.html for each.) 

    • .fade
    • .animate
    • .toggle
    • .click 
    • .mouseenter 
    • .hover
    • .hide
    • .scroll 
    • .css 
    • .append or .before 

Resources