Team:Queens Canada/Notebook/Week1

From 2012.igem.org

(Difference between revisions)
Line 12: Line 12:
}
}
-
       p fade1 { position:relative; width:400px; height:90px; }
+
       p fade1 { position:inline; }
-
       ul fade2 { position:relative; width:400px; height:65px;  
+
       ul fade2 { position:inline;
         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"> <p id="fade1">
+
<div id="content2" style="height: 200px">(<a href="#" id="notebook">notebook</a>) <a href="#" id="protocols">protocols </a>
-
        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>
-
         <ul id="fade2"><span id="fade4">Test</span></div>
+
<p id="fade1">
 +
        This is a test </p>
 +
</div>
        
        
<script>
<script>
-
         $("#fade3").click(function () {
+
         $("#notebook").click(function () {
-
           $("#fade1").fadeOut(5000)
+
           $("#fade1").fadeOut(500)
-
             $("#fade4").fadeIn(200);
+
             $("#fade4").fadeIn(500);
                   return false;
                   return false;
         });  
         });  
Line 37: Line 39:
       </script>
       </script>
<script>
<script>
-
         $("#fade5").click(function () {
+
         $("#protocols").click(function () {
-
           $("#fade4").fadeOut(5000)
+
           $("#fade4").fadeOut(500)
-
             $("#fade1").fadeIn(200);
+
             $("#fade1").fadeIn(500);
                   return false;
                   return false;
         });  
         });  

Revision as of 14:12, 28 May 2012
Control
(notebook) protocols
    Test

    This is a test

Retrieved from "http://2012.igem.org/Team:Queens_Canada/Notebook/Week1"