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!