The next several exercises are timed. If you type slowly or dislike time pressure, feel free to increase the allotted time.
Name and email required. Check any number of boxes.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19
0
0
0
Fill in the blank to stop the current animation. | $("img#move_around")______ | .stop(); | ^ *\.stop\(\); *$ |
Fill in the blank to stop the current animation and all subsequent animations. | $("img#move_around")_________ | .stop(true); | ^ *\.stop\(true\); *$ |
Fill in the blank to complete the current animation and cancel all subsequent animations. | $("img#move_around")_____________ | .stop(true, true); | ^ *\.stop\(true, true\); *$ |
In addition to stopping an animation, you can stop a _______. | slide | ^ *slide *$ | |
5. Drag-and-drop: Holding down the left mouse button, drag the pieces of code onto the screen to stop the current animation when the button is clicked. | $("button#stop_it").on("click", function() { $("img#move_around").stop(); }); | ||
Stop the animation of $(this). | $(this).stop(); | $`(`this`)`.`stop`(`)`; | |
Stop the current and all subsequent slides of $(this). | $(this).stop(true); | ||
Stop the animation of a div. Make up its id. | $("div#species").stop(); | ^ *\$\(•div#.+•\)\.stop\(\); *$ | |
Complete the current animation of an image but stop any subsequent animations of the image. Make up the id. | $("img#loris").stop(true, true); | ^ *\$\(•img#.+•\)\.stop\(true, true\); *$ | |
Stop animations of all divs and images. | $("div, img").stop(); | ^ *\$\(•div, img•\)\.stop\(\); *$ | |
A div selector has been assigned to a variable. Stop its animation and all subsequent animations. Make up the variable name. | selectedDiv.stop(true); | ^ *.+\.stop\(true\); *$ | |
Slide a div into view in a certain number of seconds. Make up its id and the slide speed. | $("div#features").slideDown(3000); | ^ *\$\(•div#.+•\)\.slideDown\([0-9]+\); *$ | |
Stop the current and all subsequent slides of $(this). | $(this).stop(true); | ^ *\$\(this\)\.stop\(true\); *$ | |
Stop the animation of a div. Make up its id. | $("div#species").stop(); | ^ *\$\(•div#.+•\)\.stop\(\); *$ | |
Complete the current animation of an image but stop any subsequent animations of the image. Make up the id. | $("img#loris").stop(true, true); | ^ *\$\(•img#.+•\)\.stop\(true, true\); *$ | |
Stop animations of all divs and images. | $("div, img").stop(); | ^ *\$\(•div, img•\)\.stop\(\); *$ | |
A div selector has been assigned to a variable. Stop its animation and all subsequent animations. Make up the variable name. | selectedDiv.stop(true); | ^ *.+\.stop\(true\); *$ | |
Slide a div into view in a certain number of seconds. Make up its id and the slide speed. | $("div#features").slideDown(3000); | ^ *\$\(•div#.+•\)\.slideDown\([0-9]+\); *$ | |
http://jsfiddle.net/ASmarterWayToLearn/quvto4ro/ | |||
http://jsfiddle.net/ASmarterWayToLearn/udor6rzn/ |