"
Team:ZJU-China/Notebook/Brainstorm
From 2011.igem.org
(Difference between revisions)
(Created page with "{{Template:Zjuheader}} {{Template:Zjucss_Notebook}} <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <link...") |
|||
| Line 7: | Line 7: | ||
<link href='http://fonts.googleapis.com/css?family=Hammersmith+One' rel='stylesheet' type='text/css'> | <link href='http://fonts.googleapis.com/css?family=Hammersmith+One' rel='stylesheet' type='text/css'> | ||
| + | <script src="http://jmar777.googlecode.com/svn/trunk/js/jquery-1.2.6.js" type="text/javascript"></script> | ||
| + | <script src="http://jmar777.googlecode.com/svn/trunk/js/jquery.easing.1.3.js" type="text/javascript"></script> | ||
| + | <script src="http://kwicks.googlecode.com/svn/branches/v1.5.1/Kwicks/jquery.kwicks-1.5.1.pack.js" type="text/javascript"></script> | ||
| + | |||
| + | <script type="text/javascript"> | ||
| + | $().ready(function() { | ||
| + | $('#leftul .kwicks').kwicks({ | ||
| + | min : 40, | ||
| + | spacing : 3, | ||
| + | isVertical : true, | ||
| + | sticky : true, | ||
| + | |||
| + | }); | ||
| + | }); | ||
| + | </script> | ||
</head> | </head> | ||
<body><div id="contentwrapper"> | <body><div id="contentwrapper"> | ||
| Line 13: | Line 28: | ||
<h3>Notebook | Brainstorm</h3> | <h3>Notebook | Brainstorm</h3> | ||
</div> | </div> | ||
| - | <div | + | <div id="leftul"> |
| - | <ul | + | <ul class="kwicks"> |
| - | <li id=" | + | <li id="kwick1"><a>week1</a><p>In this week we........</p></li> |
| - | + | <li id="kwick2"><a>week2</a></li> | |
| - | <li id=" | + | <li id="kwick3"><a>week3</a></li> |
| - | <li id=" | + | <li id="kwick4"><a>week4</a></li> |
| - | <li id=" | + | <li id="kwick5"><a>week5</a></li> |
| - | <li id=" | + | <li id="kwick6"><a>week6</a></li> |
| - | <li id=" | + | </ul> |
| - | </ul> | + | </div |
| - | </div | + | |
<div class="bigblock"><div class="inner" id="week1"> | <div class="bigblock"><div class="inner" id="week1"> | ||
<div class="block" id="monday"> | <div class="block" id="monday"> | ||
| Line 106: | Line 120: | ||
<!-- 7777777777777777777777777777 --> | <!-- 7777777777777777777777777777 --> | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
| - | document.getElementById(' | + | document.getElementById('kwick1').onclick= function(){ |
document.getElementById('week2').style.display='none' | document.getElementById('week2').style.display='none' | ||
document.getElementById('week3').style.display='none' | document.getElementById('week3').style.display='none' | ||
| Line 115: | Line 129: | ||
document.getElementById('week1').style.display='block' | document.getElementById('week1').style.display='block' | ||
}; | }; | ||
| - | document.getElementById(' | + | document.getElementById('kwick2').onclick= function(){ |
document.getElementById('week1').style.display='none' | document.getElementById('week1').style.display='none' | ||
document.getElementById('week3').style.display='none' | document.getElementById('week3').style.display='none' | ||
| Line 124: | Line 138: | ||
document.getElementById('week2').style.display='block' | document.getElementById('week2').style.display='block' | ||
}; | }; | ||
| - | document.getElementById(' | + | document.getElementById('kwick3').onclick= function(){ |
document.getElementById('week2').style.display='none' | document.getElementById('week2').style.display='none' | ||
document.getElementById('week1').style.display='none' | document.getElementById('week1').style.display='none' | ||
| Line 133: | Line 147: | ||
document.getElementById('week3').style.display='block' | document.getElementById('week3').style.display='block' | ||
}; | }; | ||
| - | document.getElementById(' | + | document.getElementById('kwick4').onclick= function(){ |
document.getElementById('week2').style.display='none' | document.getElementById('week2').style.display='none' | ||
document.getElementById('week3').style.display='none' | document.getElementById('week3').style.display='none' | ||
| Line 142: | Line 156: | ||
document.getElementById('week4').style.display='block' | document.getElementById('week4').style.display='block' | ||
}; | }; | ||
| - | document.getElementById(' | + | document.getElementById('kwick5').onclick= function(){ |
document.getElementById('week2').style.display='none' | document.getElementById('week2').style.display='none' | ||
document.getElementById('week3').style.display='none' | document.getElementById('week3').style.display='none' | ||
| Line 151: | Line 165: | ||
document.getElementById('week5').style.display='block' | document.getElementById('week5').style.display='block' | ||
}; | }; | ||
| - | document.getElementById(' | + | document.getElementById('kwick6').onclick= function(){ |
document.getElementById('week2').style.display='none' | document.getElementById('week2').style.display='none' | ||
document.getElementById('week3').style.display='none' | document.getElementById('week3').style.display='none' | ||
| Line 160: | Line 174: | ||
document.getElementById('week6').style.display='block' | document.getElementById('week6').style.display='block' | ||
}; | }; | ||
| - | document.getElementById(' | + | document.getElementById('kwick7').onclick= function(){ |
document.getElementById('week2').style.display='none' | document.getElementById('week2').style.display='none' | ||
document.getElementById('week3').style.display='none' | document.getElementById('week3').style.display='none' | ||
Revision as of 18:08, 21 September 2011
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Notebook | Brainstorm
Overview
........
Monday
WEEK2
Tuesday
bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb
Monday
WEEK3
Tuesday
bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb
Monday
WEEK4
Tuesday
bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb
Monday
WEEK5
Tuesday
bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb
Monday
WEEK6
Tuesday
bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb
Monday
WEEK7
Tuesday
bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb
