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 animate the div into visible position flush with the left side of the screen. | $("div#tab_mail").on("_________", function(){ $("div#mail_tab_full"). animate({left: "0"}, "fast");}); | mouseenter | ^ *mouseenter *$ |
| Fill in the blank to animate the div into visible position flush with the left side of the screen. | $("div#tab_mail").on("mouseenter", function() { $("div#mail_tab_full")_______ ({left: "0"}, "fast"); }); | .animate | ^ *\.animate *$ |
| Fill in the blank to animate the div into visible position flush with the left side of the screen. | $("div#tab_mail").on("mouseenter", function() { $("div#mail_tab_full").animate ({______}, "fast"); }); | left: "0" | ^ *left: •0• *$ |
| Fill in the blank to animate the div into visible position flush with the left side of the screen--fast. | $("div#tab_mail").on("mouseenter", function() { $("div#mail_tab_full") .animate({left: "0"}, ______); }); | "fast" | ^ *•fast• *$ |
| 5. Drag-and-drop: Holding down the left mouse button, drag the pieces of code onto the screen to animate the div into visible position flush with the left side of the screen--slow. | $("div#mail_tab_full").animate({left: "0"}, "slow"); | ||
| Code the first line that animates an element when the mouse enters a div whose id is "tab". | $("div#tab").on("mouseenter", function() { | $`(`"`div`#`tab`"`)`.`on`(`"`mouseenter`"`comma`1spacefunction`(`)`1space{ | |
| Code the line that animates $(this) into visible position flush with the left side of the screen. Omit the speed. Don't bother to indent. | $(this).animate({left: "0"}); | ||
| Code the first line that animates an element when the mouse enters a div. Make up the div's id. | $("div#tab").on("mouseenter", function() { | ^ *\$\(•div#.+•\)\.on\(•mouseenter•, function\(\) { *$ | |
| Code the line that animates a div into visible position flush with the left side of the screen. Make up the div's id. Omit the speed. Don't bother to indent. | $("div#tab").animate({left: "0"}); | ^ *\$\(•div#.+•\)\.animate\({left: •0•}\); *$ | |
| Code the line that animates all images into visible position flush with the left side of the screen. Make the animation happen in your choice of seconds. Don't bother to indent. | $("img").animate({left: "0"}, 5000); | ^ *\$\(•img•\)\.animate\({left: •0•}, [0-9]+\); *$ | |
| Code the first two lines that animate a div when the mouse enters another div. The div is moved into visible position flush with the left side of the screen. Don't specify a speed. Make up the ids of the divs. Indent the second line. | $("div#tab_mail").on("mouseenter", function() { $("div#mail_tab_full").animate({left: "0"}); | ^ *\$\(•div#.+•\)\.on\(•mouseenter•, function\(\) {\n *\$\(•div#.+•\)\.animate\({left: •0•}\); *$ | |
| Code three lines that animate a div when the mouse enters another div. The div is moved into visible position flush with the left side of the screen. Specify a speed (your choice) using a word rather than a number. Make up the ids of the divs. Indent the second line. | $("div#tab_mail").on("mouseenter", function() { $("div#mail_tab_full").animate({left: "0"}, "fast"); }); | ^ *\$\(•div#.+•\)\.on\(•mouseenter•, function\(\) {\n *\$\(•div#.+•\)\.animate\({left: •0•}, •(fast|slow)•\);\n}\); *$ | |
| Code the line that animates $(this) into visible position flush with the left side of the screen. Omit the speed. Don't bother to indent. | $(this).animate({left: "0"}); | ^ *\$\(this\)\.animate\({left: •0•}\); *$ | |
| Code the first line that animates an element when the mouse enters a div. Make up the div's id. | $("div#tab").on("mouseenter", function() { | ^ *\$\(•div#.+•\)\.on\(•mouseenter•, function\(\) { *$ | |
| Code the line that animates a div into visible position flush with the left side of the screen. Make up the div's id. Omit the speed. Don't bother to indent. | $("div#tab").animate({left: "0"}); | ^ *\$\(•div#.+•\)\.animate\({left: •0•}\); *$ | |
| Code the line that animates all images into visible position flush with the left side of the screen. Make the animation happen in your choice of seconds. Don't bother to indent. | $("img").animate({left: "0"}, 5000); | ^ *\$\(•img•\)\.animate\({left: •0•}, [0-9]+\); *$ | |
| Code the first two lines that animate a div when the mouse enters another div. The div is moved into visible position flush with the left side of the screen. Don't specify a speed. Make up the ids of the divs. Indent the second line. | $("div#tab_mail").on("mouseenter", function() { $("div#mail_tab_full").animate({left: "0"}); | ^ *\$\(•div#.+•\)\.on\(•mouseenter•, function\(\) {\n *\$\(•div#.+•\)\.animate\({left: •0•}\); *$ | |
| Code three lines that animate a div when the mouse enters another div. The div is moved into visible position flush with the left side of the screen. Specify a speed (your choice) using a word rather than a number. Make up the ids of the divs. Indent the second line. | $("div#tab_mail").on("mouseenter", function() { $("div#mail_tab_full").animate({left: "0"}, "fast"); }); | ^ *\$\(•div#.+•\)\.on\(•mouseenter•, function\(\) {\n *\$\(•div#.+•\)\.animate\({left: •0•}, •(fast|slow)•\);\n}\); *$ | |
| http://jsfiddle.net/ASmarterWayToLearn/3yk6wtj8/ | |||
| http://jsfiddle.net/ASmarterWayToLearn/b08stg6t/ |