Difference between revisions of "Template:XJTU-China/header"
| Line 2: | Line 2: | ||
<section class="d-flex flex-column"> | <section class="d-flex flex-column"> | ||
<header class="header_area" id="topHeader"> | <header class="header_area" id="topHeader"> | ||
| − | + | <!-- <embed class="logo" src="https://static.igem.org/mediawiki/2021/4/43/T--XJTU-China--logo-svg.svg" | |
| + | type="image/svg+xml" /> --> | ||
| + | <span class="logo"></span> | ||
<nav class="navbar navbar-expand-lg navbar-light"> | <nav class="navbar navbar-expand-lg navbar-light"> | ||
<div class="container"> | <div class="container"> | ||
| Line 74: | Line 76: | ||
</header> | </header> | ||
</section> | </section> | ||
| + | <!--moving logo--> | ||
| + | <script> | ||
| + | var logo = $('.logo'); | ||
| + | var animData = { | ||
| + | container: logo[0], // the dom element that will contain the animation | ||
| + | renderer: 'svg', | ||
| + | loop: true, | ||
| + | autoplay: false, | ||
| + | path: 'https://static.igem.org/mediawiki/2021/c/c5/T--XJTU-China--logoMoving.txt' // the path to the animation json | ||
| + | } | ||
| + | var animation = lottie.loadAnimation(animData); | ||
| + | animation.setSpeed(1.5); | ||
| + | $(logo).hover(function () { animation.play(); }, | ||
| + | function () { animation.pause(); }) | ||
| + | </script> | ||
| + | |||
<!--smoothNav--> | <!--smoothNav--> | ||
<script> | <script> | ||
Revision as of 00:08, 9 July 2021