Team:ZJU-China/Notebook

From 2011.igem.org

(Difference between revisions)
Line 12: Line 12:
}
}
</style>
</style>
 +
 +
<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 18: Line 34:
       <h3>Notebook | Labnote</h3>  
       <h3>Notebook | Labnote</h3>  
</div>
</div>
-
<div class="leftbar">
+
<div id="leftul">  
-
<ul id="week">
+
                <ul class="kwicks">  
-
<li id="w1"><a>week1</a></li>
+
                    <li id="kwick1"><a>week1</a><p>In this week we........</p></li>  
-
<li id="w2"><a>week2</a></li>
+
                    <li id="kwick2"><a>week2</a></li>  
-
<li id="w3"><a>week3</a></li>
+
                    <li id="kwick3"><a>week3</a></li>  
-
<li id="w4"><a>week4</a></li>
+
                    <li id="kwick4"><a>week4</a></li>  
-
<li id="w5"><a>week5</a></li>
+
                    <li id="kwick5"><a>week5</a></li>
-
<li id="w6"><a>week6</a></li>
+
                    <li id="kwick6"><a>week6</a></li>
-
<li id="w7"><a>week7</a></li>
+
                </ul>  
-
</ul>
+
            </div>  
-
</div>
+
<div class="bigblock"><div class="inner" id="week1">
<div class="bigblock"><div class="inner" id="week1">
<div class="block" id="summ">
<div class="block" id="summ">
Line 118: Line 133:
<!-- 7777777777777777777777777777 -->
<!-- 7777777777777777777777777777 -->
<script type="text/javascript">
<script type="text/javascript">
-
document.getElementById('w1').onclick= function(){
+
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 127: Line 142:
document.getElementById('week1').style.display='block'
document.getElementById('week1').style.display='block'
     };
     };
-
     document.getElementById('w2').onclick= function(){
+
     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 136: Line 151:
document.getElementById('week2').style.display='block'
document.getElementById('week2').style.display='block'
     };
     };
-
     document.getElementById('w3').onclick= function(){
+
     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 145: Line 160:
document.getElementById('week3').style.display='block'
document.getElementById('week3').style.display='block'
     };
     };
-
     document.getElementById('w4').onclick= function(){
+
     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 154: Line 169:
document.getElementById('week4').style.display='block'
document.getElementById('week4').style.display='block'
     };
     };
-
     document.getElementById('w5').onclick= function(){
+
     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 163: Line 178:
document.getElementById('week5').style.display='block'
document.getElementById('week5').style.display='block'
     };
     };
-
     document.getElementById('w6').onclick= function(){
+
     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 172: Line 187:
document.getElementById('week6').style.display='block'
document.getElementById('week6').style.display='block'
     };
     };
-
     document.getElementById('w7').onclick= function(){
+
     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 17:09, 21 September 2011

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Notebook | Labnote

Data

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

Retrieved from "http://2011.igem.org/Team:ZJU-China/Notebook"