Team:UCLondon/Templates/timeline-struct
From 2012e.igem.org
(Difference between revisions)
Line 2: | Line 2: | ||
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> | <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> | ||
<script src="http://www.csslab.cl/ejemplos/timelinr/latest/js/jquery.timelinr-0.9.51.js" type="text/javascript"></script> | <script src="http://www.csslab.cl/ejemplos/timelinr/latest/js/jquery.timelinr-0.9.51.js" type="text/javascript"></script> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | <div id="timeline"> | + | |
+ | <div id="timeline" class="</html>{{{class}}}<html>"> | ||
<ul id="dates"> | <ul id="dates"> | ||
<li><a href="#">date1</a></li> | <li><a href="#">date1</a></li> | ||
Line 68: | Line 64: | ||
width: 100px; | width: 100px; | ||
height: 50px; | height: 50px; | ||
- | font-size: | + | font-size: 16px; |
text-align: center; | text-align: center; | ||
} | } | ||
Line 78: | Line 74: | ||
#dates .selected { | #dates .selected { | ||
- | font-size: | + | font-size: 20px; |
} | } | ||
Line 108: | Line 104: | ||
</style> | </style> | ||
+ | |||
+ | <script type="text/javascript"> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | $(function(){ | ||
+ | $().timelinr() | ||
+ | }); | ||
+ | </script> | ||
</html> | </html> |
Revision as of 06:05, 20 October 2012
-
Lorem ipsum.
-
Lorem ipsum.
-
Lorem ipsum.
-
Lorem ipsum.
-
Lorem ipsum.
-
Lorem ipsum.
-
Lorem ipsum.
-
Lorem ipsum.