Team:Queens Canada/Notebook/Week1

From 2012.igem.org

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

Revision as of 14:11, 28 May 2012

Control

This is a test

(click!) click2
    Test