"
Team:USTC-China
From 2014.igem.org
(Difference between revisions)
m |
|||
| Line 1: | Line 1: | ||
{{Template:USTC-China}} | {{Template:USTC-China}} | ||
<html> | <html> | ||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
<main id="main"> | <main id="main"> | ||
<!-- PJAX Content Start --> | <!-- PJAX Content Start --> | ||
| Line 94: | Line 75: | ||
</div> | </div> | ||
</div> | </div> | ||
| + | <script src="https://cdnjs.cloudflare.com/ajax/libs/foundation/5.4.6/js/vendor/jquery.js"></script> | ||
| + | <script src="https://cdnjs.cloudflare.com/ajax/libs/foundation/5.4.6/js/foundation/foundation.min.js"></script> | ||
| + | <script>$(document).foundation();</script> | ||
| + | <script src="http://ustc-igem.sacheo-dev.freeshell.ustc.edu.cn/owl2/owl.carousel.min.js"></script> | ||
| + | <script> | ||
| + | $(document).ready(function() { | ||
| + | $('.owl-carousel').owlCarousel({ | ||
| + | animateOut: 'slideOutDown', | ||
| + | animateIn: 'flipInX', | ||
| + | items:1, | ||
| + | margin:30, | ||
| + | stagePadding:30, | ||
| + | smartSpeed:450, | ||
| + | nav: true, | ||
| + | loop: true | ||
| + | }); | ||
| + | }) | ||
| + | </script> | ||
<!-- PJAX Content End --> | <!-- PJAX Content End --> | ||
</main> | </main> | ||
<!-- Resource --> | <!-- Resource --> | ||
| - | |||
| - | |||
</html> | </html> | ||
Revision as of 02:12, 12 October 2014
{
"title" : "Homepage | USTC-China"
}
USTC China
Touch enabled jQuery plugin that lets you create beautiful responsive carousel slider.
Click for More
