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">(<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(5000)
             $("#fade4").fadeIn(200);
             $("#fade4").fadeIn(200);
Line 37: Line 39:
       </script>
       </script>
<script>
<script>
-
         $("#fade5").click(function () {
+
         $("#protocols").click(function () {
           $("#fade4").fadeOut(5000)
           $("#fade4").fadeOut(5000)
             $("#fade1").fadeIn(200);
             $("#fade1").fadeIn(200);

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

    This is a test

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