Team:Queens Canada/Notebook/Week1
From 2012.igem.org
(Difference between revisions)
Line 12: | Line 12: | ||
} | } | ||
- | p fade1 { position: | + | p fade1 { position:relative; width:400px; height:90px; } |
- | ul fade2 { position: | + | ul fade2 { position:relative; width:400px; height:65px; |
font-size:36px; text-align:center; | font-size:36px; text-align:center; | ||
color:yellow; background:red; | color:yellow; background:red; | ||
Line 23: | Line 23: | ||
</head> | </head> | ||
<body> | <body> | ||
- | <div id="content2">(<a href="#" id=" | + | <div id="content2"> <p id="fade1"> |
- | <ul id="fade2"><span id="fade4">Test</span> | + | This is a test </p>(<a href="#" id="fade3">click!</a>) <a href="#" id="fade5">click2 </a> |
- | + | <ul id="fade2"><span id="fade4">Test</span></div> | |
- | + | ||
- | </div> | + | |
<script> | <script> | ||
- | $("# | + | $("#fade3").click(function () { |
$("#fade1").fadeOut(5000) | $("#fade1").fadeOut(5000) | ||
$("#fade4").fadeIn(200); | $("#fade4").fadeIn(200); | ||
Line 39: | Line 37: | ||
</script> | </script> | ||
<script> | <script> | ||
- | $("# | + | $("#fade5").click(function () { |
$("#fade4").fadeOut(5000) | $("#fade4").fadeOut(5000) | ||
$("#fade1").fadeIn(200); | $("#fade1").fadeIn(200); |
Revision as of 14:11, 28 May 2012
Control