Difference between revisions of "Template:DLUT China B/js/script.js"

Revision as of 13:22, 18 September 2018

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

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

]; 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";

};