File tree Expand file tree Collapse file tree 1 file changed +13
-4
lines changed
mobileWeb/week6/week6_start Expand file tree Collapse file tree 1 file changed +13
-4
lines changed Original file line number Diff line number Diff line change @@ -3,9 +3,18 @@ Lets add some styling
3
3
- When we click on the CoderDojo girls logo the bird disappears and reappears right? But the logo doesn't
4
4
look like a button - so lets add some style
5
5
6
- 1 . Add a different mouse style
6
+ 1 . Add a different mouse/cursor style
7
+ - In style.css find the codergirl div and change the cursor
8
+ -- div#codergirl {
9
+ cursor: pointer;
10
+ }
7
11
12
+ 2 . How about we stop the whitespace from changing?
13
+ -- Because the birddiv has position relative, its taking up space on the page relative to whats around it.
14
+ By changing the positive to absolute we can fix this.
8
15
9
- Today we're going to learn some JavaScript:
10
- - Lets learn how to pass variables into our functions!
11
- - Remember, a function has one job to do. How can we make our showBird function better?
16
+ 3 . Lets learn how to pass variables into our functions!
17
+ - Remember, a function has one job to do. How can we make our showBird function better?
18
+ - First, change hideBird and showBird to hideImage and showImage, then we can use it again :)
19
+ How do we know which image to hide or show? We use a variable!!
20
+ Pass in the id of the image and then we can create an object.
You can’t perform that action at this time.
0 commit comments