Team:Queens Canada/Notebook/Week1

From 2012.igem.org

(Difference between revisions)
Line 11: Line 11:
}
}
</style>
</style>
 +
 +
<script type="text/javacript">
 +
$(function() { $('#bounceTest span').bouncyText(); })
 +
</script>
 +
</head>
</head>
<body>
<body>
-
<div id="wrapper">
+
<h2 id='bounceTest'><span>this text</span> is bouncing!</h2>
-
        <div id="main">
+
-
 
+
-
            <ul class="nav">
+
-
                <li><a href="#1"><p>1</p></a></li>
+
-
                <li><a href="#2"><p>2</p></a></li>
+
-
                <li><a href="#3"><p>3</p></a></li>
+
-
            </ul>
+
-
 
+
-
            <div id="1">
+
-
        <div id="intabdiv">
+
-
              Content Demo 1
+
-
                    <p>This is the demo for Content Slide using Jquery UI. Check out <a href="#">WebDesignersDesk</a> for more Tutorials.</p></div>
+
-
                    <div id="tabdivimg">
+
-
                    <img src="images/1.png" width="415" height="284" />
+
-
                    </div>
+
-
           
+
-
          </div><!--/popular-->
+
-
           
+
-
            <div id="2">
+
-
                <div id="intabdiv">
+
-
              Content Demo 2
+
-
                    <p>Lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum</p></div>
+
-
                    <div id="tabdivimg">
+
-
                    <img src="images/2.png" width="415" height="284" />
+
-
                    </div>
+
-
            </div><!--/recent-->
+
-
           
+
-
            <div id="3">
+
-
              <div id="intabdiv">
+
-
              Content Demo 3
+
-
                    <p>Lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum</p></div>
+
-
                    <div id="tabdivimg">
+
-
                    <img src="images/3.png" width="415" height="284" />
+
-
                    </div>
+
-
            </div><!--featured-->
+
-
 
+
-
</div><!--/widget-->
+
-
</div>
+
</body>
</body>

Revision as of 15:12, 25 May 2012

Control

this text is bouncing!