COMP322 Internet Systems: Assignment 5: jQuery events and effects (10pt)
This homework is to write a JavaScript code with jQuery.
Requirements:
1. (1pt) Download 6 icons of your favorite websites.
a. Add a span and insert all the icons to the span.
. Set the height of the icons to 100 px.
2. (1pt) Use any html tags to add the following 3 texts:
i. “In: “
ii. “Out:”
iii. “Mouse X: , Y:”
3. Each image element has the following mouse events:
a. (1.5pt) mouseenter: add the icon’s name to “In:” (e.g. In: facebook).
Change the icon’s opacity to 0.5.
. (1.5pt) mouseleave: add the icon’s name to “Out:” (e.g. out: facebook),
Change the icon’s opacity back to 1.0.
c. (1.0pt) dbclick: make a new tab and redirect its’ website (e.g.
https:
www.facebook.com)
https:
www.facebook.com
d. (1.0 pt) click: show an enlarged icon after the mouse position
4. (3 pt) The span element has:
a. mousemove: update “Mouse X:, Y:” based on the cu
ent mouse position.
Submission: compress your files and images and upload the zip file on the blackboard.
No submission will be accepted by email.