Team:ZJU-China/Notebook
From 2011.igem.org
(Difference between revisions)
Line 59: | Line 59: | ||
} | } | ||
.bigblock h1{ | .bigblock h1{ | ||
- | font-size:28px} | + | font-size:28px; |
+ | padding:5px;} | ||
.bigblock hr{ | .bigblock hr{ | ||
padding:0; | padding:0; | ||
margin:10;} | margin:10;} | ||
- | #week1{ | + | #week1{ |
+ | display:none;} | ||
+ | #week2{ | ||
+ | display:none;} | ||
+ | #week3{ | ||
+ | display:none;} | ||
+ | #week4{ | ||
+ | display:none;} | ||
+ | #week5{ | ||
+ | display:none;} | ||
+ | #week6{ | ||
+ | display:none;} | ||
+ | #week7{ | ||
display:none;} | display:none;} | ||
.block{ | .block{ | ||
Line 88: | Line 101: | ||
<li id="w5">week5</li> | <li id="w5">week5</li> | ||
<li id="w6">week6</li> | <li id="w6">week6</li> | ||
+ | <li id="w7">week7</li> | ||
</ul> | </ul> | ||
</div> | </div> | ||
Line 94: | Line 108: | ||
<h1>Monday</h1> | <h1>Monday</h1> | ||
<hr/> | <hr/> | ||
- | <p> | + | <p>WEEK1</p> |
+ | </div> | ||
+ | <div class="block" id="tuesday"> | ||
+ | <h1>Tuesday</h1> | ||
+ | <hr/> | ||
+ | <p>bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</p></div> | ||
+ | </div> | ||
+ | <!-- 11111111111111111111111111111111111111111111111111 --> | ||
+ | <div class="inner" id="week2"> | ||
+ | <div class="block" id="monday"> | ||
+ | <h1>Monday</h1> | ||
+ | <hr/> | ||
+ | <p>WEEK2</p> | ||
+ | </div> | ||
+ | <div class="block" id="tuesday"> | ||
+ | <h1>Tuesday</h1> | ||
+ | <hr/> | ||
+ | <p>bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</p></div> | ||
+ | </div> | ||
+ | <!-- 2222222222222222222222222222222222222222222 --> | ||
+ | <div class="inner" id="week3"> | ||
+ | <div class="block" id="monday"> | ||
+ | <h1>Monday</h1> | ||
+ | <hr/> | ||
+ | <p>WEEK3</p> | ||
+ | </div> | ||
+ | <div class="block" id="tuesday"> | ||
+ | <h1>Tuesday</h1> | ||
+ | <hr/> | ||
+ | <p>bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</p></div> | ||
+ | </div> | ||
+ | <!-- 3333333333333333333333333333333333333 --> | ||
+ | <div class="inner" id="week4"> | ||
+ | <div class="block" id="monday"> | ||
+ | <h1>Monday</h1> | ||
+ | <hr/> | ||
+ | <p>WEEK4</p> | ||
+ | </div> | ||
+ | <div class="block" id="tuesday"> | ||
+ | <h1>Tuesday</h1> | ||
+ | <hr/> | ||
+ | <p>bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</p></div> | ||
+ | </div> | ||
+ | <!-- 444444444444444444444444444444444 --> | ||
+ | <div class="inner" id="week5"> | ||
+ | <div class="block" id="monday"> | ||
+ | <h1>Monday</h1> | ||
+ | <hr/> | ||
+ | <p>WEEK5</p> | ||
+ | </div> | ||
+ | <div class="block" id="tuesday"> | ||
+ | <h1>Tuesday</h1> | ||
+ | <hr/> | ||
+ | <p>bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</p></div> | ||
+ | </div> | ||
+ | <!-- 55555555555555555555555555555555555555 --> | ||
+ | <div class="inner" id="week6"> | ||
+ | <div class="block" id="monday"> | ||
+ | <h1>Monday</h1> | ||
+ | <hr/> | ||
+ | <p>WEEK6</p> | ||
+ | </div> | ||
+ | <div class="block" id="tuesday"> | ||
+ | <h1>Tuesday</h1> | ||
+ | <hr/> | ||
+ | <p>bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</p></div> | ||
+ | </div> | ||
+ | <!-- 666666666666666666666666666666666 --> | ||
+ | <div class="inner" id="week7"> | ||
+ | <div class="block" id="monday"> | ||
+ | <h1>Monday</h1> | ||
+ | <hr/> | ||
+ | <p>WEEK7</p> | ||
</div> | </div> | ||
<div class="block" id="tuesday"> | <div class="block" id="tuesday"> | ||
Line 101: | Line 187: | ||
<p>bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</p></div> | <p>bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</p></div> | ||
</div> | </div> | ||
+ | <!-- 7777777777777777777777777777 --> | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
document.getElementById('w1').onclick= function(){ | document.getElementById('w1').onclick= function(){ | ||
- | + | document.getElementById('week2').style.display='none' | |
+ | document.getElementById('week3').style.display='none' | ||
+ | document.getElementById('week4').style.display='none' | ||
+ | document.getElementById('week5').style.display='none' | ||
+ | document.getElementById('week6').style.display='none' | ||
+ | document.getElementById('week7').style.display='none' | ||
+ | document.getElementById('week1').style.display='block' | ||
+ | }; | ||
+ | document.getElementById('w2').onclick= function(){ | ||
+ | document.getElementById('week1').style.display='none' | ||
+ | document.getElementById('week3').style.display='none' | ||
+ | document.getElementById('week4').style.display='none' | ||
+ | document.getElementById('week5').style.display='none' | ||
+ | document.getElementById('week6').style.display='none' | ||
+ | document.getElementById('week7').style.display='none' | ||
+ | document.getElementById('week2').style.display='block' | ||
+ | }; | ||
+ | document.getElementById('w3').onclick= function(){ | ||
+ | document.getElementById('week2').style.display='none' | ||
+ | document.getElementById('week1').style.display='none' | ||
+ | document.getElementById('week4').style.display='none' | ||
+ | document.getElementById('week5').style.display='none' | ||
+ | document.getElementById('week6').style.display='none' | ||
+ | document.getElementById('week7').style.display='none' | ||
+ | document.getElementById('week3').style.display='block' | ||
+ | }; | ||
+ | document.getElementById('w4').onclick= function(){ | ||
+ | document.getElementById('week2').style.display='none' | ||
+ | document.getElementById('week3').style.display='none' | ||
+ | document.getElementById('week1').style.display='none' | ||
+ | document.getElementById('week5').style.display='none' | ||
+ | document.getElementById('week6').style.display='none' | ||
+ | document.getElementById('week7').style.display='none' | ||
+ | document.getElementById('week4').style.display='block' | ||
+ | }; | ||
+ | document.getElementById('w5').onclick= function(){ | ||
+ | document.getElementById('week2').style.display='none' | ||
+ | document.getElementById('week3').style.display='none' | ||
+ | document.getElementById('week4').style.display='none' | ||
+ | document.getElementById('week1').style.display='none' | ||
+ | document.getElementById('week6').style.display='none' | ||
+ | document.getElementById('week7').style.display='none' | ||
+ | document.getElementById('week5').style.display='block' | ||
+ | }; | ||
+ | document.getElementById('w6').onclick= function(){ | ||
+ | document.getElementById('week2').style.display='none' | ||
+ | document.getElementById('week3').style.display='none' | ||
+ | document.getElementById('week4').style.display='none' | ||
+ | document.getElementById('week5').style.display='none' | ||
+ | document.getElementById('week1').style.display='none' | ||
+ | document.getElementById('week7').style.display='none' | ||
+ | document.getElementById('week6').style.display='block' | ||
+ | }; | ||
+ | document.getElementById('w7').onclick= function(){ | ||
+ | document.getElementById('week2').style.display='none' | ||
+ | document.getElementById('week3').style.display='none' | ||
+ | document.getElementById('week4').style.display='none' | ||
+ | document.getElementById('week5').style.display='none' | ||
+ | document.getElementById('week6').style.display='none' | ||
+ | document.getElementById('week1').style.display='none' | ||
+ | document.getElementById('week7').style.display='block' | ||
}; | }; | ||
</script></div></div><p style ="clear:both"></p> | </script></div></div><p style ="clear:both"></p> |
Revision as of 09:12, 14 September 2011
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Notebook | Diaries
Monday
WEEK1
Tuesday
bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb
Monday
WEEK2
Tuesday
bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb
Monday
WEEK3
Tuesday
bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb
Monday
WEEK4
Tuesday
bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb
Monday
WEEK5
Tuesday
bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb
Monday
WEEK6
Tuesday
bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb
Monday
WEEK7
Tuesday
bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb