Difference between revisions of "Template:XJTU-China/header"

Line 3: Line 3:
 
     <header class="header_area" id="topHeader">
 
     <header class="header_area" id="topHeader">
 
         <a class="navbar-brand" href="/Team:XJTU-China">
 
         <a class="navbar-brand" href="/Team:XJTU-China">
−
             <div class="lottie logo"></div>
+
             <div class="lottie logoMoving"></div>
 
         </a>
 
         </a>
 
         <nav class="navbar navbar-expand-lg navbar-light">
 
         <nav class="navbar navbar-expand-lg navbar-light">
Line 18: Line 18:
 
                         <li class="nav-item active"><a class="nav-link" href="/Team:XJTU-China">home</a></li>
 
                         <li class="nav-item active"><a class="nav-link" href="/Team:XJTU-China">home</a></li>
 
                         <li class="nav-item submenu dropdown">
 
                         <li class="nav-item submenu dropdown">
−
                             <a href="/Team:XJTU-China/Description" class="nav-link dropdown-toggle" data-toggle="dropdown" role="button"
+
                             <a href="/Team:XJTU-China/Description" class="nav-link dropdown-toggle"
−
                                aria-haspopup="true" aria-expanded="false">Project&nbsp;<span class="fa fa-caret-down"
+
                                data-toggle="dropdown" role="button" aria-haspopup="true"
 +
                                aria-expanded="false">Project&nbsp;<span class="fa fa-caret-down"
 
                                     aria-hidden="true"></span></a>
 
                                     aria-hidden="true"></span></a>
 
                             <ul class="dropdown-menu">
 
                             <ul class="dropdown-menu">
−
                                 <li class="nav-item"><a class="nav-link" href="/Team:XJTU-China/Description">description</a></li>
+
                                 <li class="nav-item"><a class="nav-link"
 +
                                        href="/Team:XJTU-China/Description">description</a></li>
 
                                 <li class="nav-item">
 
                                 <li class="nav-item">
 
                                     <a class="nav-link" href="/Team:XJTU-China/Design">design</a>
 
                                     <a class="nav-link" href="/Team:XJTU-China/Design">design</a>
Line 74: Line 76:
 
     </header>
 
     </header>
 
</section>
 
</section>
 +
 +
<script type="text/javascript"
 +
    src="https://2021.igem.org/wiki/index.php?title=Template:XJTU-China/jquery&action=raw&ctype=text/javascript"></script>
 +
<script type="text/javascript"
 +
    src="https://2021.igem.org/wiki/index.php?title=Template:XJTU-China/lottie&action=raw&ctype=text/javascript"></script>
 
<!--smoothNav-->
 
<!--smoothNav-->
 
<script>
 
<script>
Line 87: Line 94:
 
<!--logoMoving-->
 
<!--logoMoving-->
 
<script>
 
<script>
−
     var logo=$(".lottie.logo");
+
     var logo = $(".logoMoving");
 
     var animData = {
 
     var animData = {
−
                container: logo, // the dom element that will contain the animation
+
        container: logo, // the dom element that will contain the animation
−
                renderer: 'svg',
+
        renderer: 'svg',
−
                loop: true,
+
        loop: true,
−
                autoplay: true,
+
        autoplay: true,
−
                path: 'https://static.igem.org/mediawiki/2021/c/c5/T--XJTU-China--logoMoving.txt' // the path to the animation json
+
        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);
+
     var animation = lottie.loadAnimation(animData);
 
</script>
 
</script>
  
 
</html>
 
</html>

Revision as of 14:57, 8 July 2021

<div class="lottie logoMoving"></div>