Template:DLUT China B/js/script.js

/*导航栏*/ let nav = document.getElementById("nav"); let navData = [

   {
       "menu": "Project",
       "subMenu": [
           {
               "name": "Description",
               "link": "https://2018.igem.org/Team:DLUT_China_B/Description.html"
           },
           {
               "name": "Design",
               "link": "https://2018.igem.org/Team:DLUT_China_B/Design.html"
           },
           {
               "name": "Demonstrate",
               "link": "https://2018.igem.org/Team:DLUT_China_B/Demonstrate.html"
           },
           {
               "name": "Experiments",
               "link": "https://2018.igem.org/Team:DLUT_China_B/Experiments.html"
           },
           {
               "name": "InterLab",
               "link": "https://2018.igem.org/Team:DLUT_China_B/InterLab.html"
           },
           {
               "name": "Notebook",
               "link": "https://2018.igem.org/Team:DLUT_China_B/Notebook.html"
           }
       ]
   },
   {
       "menu": "Parts",
       "subMenu": [
           {
               "name": "Parts Overview",
               "link": "https://2018.igem.org/Team:DLUT_China_B/PartsOverview.html"
           },
           {
               "name": "Basic Parts",
               "link": "https://2018.igem.org/Team:DLUT_China_B/BasicParts.html"
           },
           {
               "name": "Composite Parts",
               "link": "https://2018.igem.org/Team:DLUT_China_B/CompositeParts.html"
           }
       ]
   },
   {
       "menu": "Model",
       "subMenu": [
           {
               "name": "Condition Optimization",
               "link": "https://2018.igem.org/Team:DLUT_China_B/ConditionOptimization.html"
           },
           {
               "name": "Standard Curve",
               "link": "https://2018.igem.org/Team:DLUT_China_B/StandardCurve.html"
           },
           {
               "name": "Result",
               "link": "https://2018.igem.org/Team:DLUT_China_B/Result.html"
           }
       ]
   },
   {
       "menu": "Awards",
       "subMenu": [
           {
               "name": "Applied Design",
               "link": "https://2018.igem.org/Team:DLUT_China_B/AppliedDesign.html"
           },
           {
               "name": "Hardware",
               "link": "https://2018.igem.org/Team:DLUT_China_B/Hardware.html"
           },
           {
               "name": "Software",
               "link": "https://2018.igem.org/Team:DLUT_China_B/Software.html"
           }
       ]
   },
   {
       "menu": "Human Practice",
       "subMenu": [
           {
               "name": "Human Practice",
               "link": "https://2018.igem.org/Team:DLUT_China_B/HumanPractice.html"
           },
           {
               "name": "Education",
               "link": "https://2018.igem.org/Team:DLUT_China_B/Education.html"
           }
       ]
   },
   {
       "menu": "Team",
       "subMenu": [
           {
               "name": "Team Members",
               "link": "https://2018.igem.org/Team:DLUT_China_B/TeamMembers.html"
           },
           {
               "name": "Attributions",
               "link": "https://2018.igem.org/Team:DLUT_China_B/Attributions.html"
           },
           {
               "name": "Collaboration",
               "link": "https://2018.igem.org/Team:DLUT_China_B/Collaboration.html"
           }
       ]
   }

]; let ul = document.createElement("ul"); ul.setAttribute("class", "menu"); for (let i = 0; i < navData.length; ++i) {

   let menu = document.createElement("li");
   let menuName = document.createElement("a");
   menuName.innerText = navData[i]["menu"];
   let subMenu = document.createElement("ul");
   subMenu.setAttribute("class", "subMenu");
   for (let j = 0; j < navData[i]["subMenu"].length; ++j) {
       let subMenuName = document.createElement("li");
       let subMenuNameA = document.createElement("a");
       subMenuNameA.innerText = navData[i]["subMenu"][j]["name"];
       subMenuNameA.setAttribute("href", navData[i]["subMenu"][j]["link"]);
       subMenuName.appendChild(subMenuNameA);
       subMenu.appendChild(subMenuName);
   }
   menu.appendChild(menuName);
   menu.appendChild(subMenu);
   ul.appendChild(menu);

} document.getElementById('nav').appendChild(ul);

/*至顶按钮*/ $('#back').click(function () {

   $('html').animate( {scrollTop: 0}, 500);

}); document.onscroll=function () {

   if($('html').scrollTop()>600)
       document.getElementById("back").style.display="block";
   else
       document.getElementById("back").style.display="none";

};