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

(初次上传。)
 
m
 
(11 intermediate revisions by the same user not shown)
Line 2: Line 2:
 
let nav = document.getElementById("nav");
 
let nav = document.getElementById("nav");
 
let navData = [
 
let navData = [
 +
    {
 +
        "menu": "Home",
 +
        "link": "https://2018.igem.org/Team:DLUT_China_B"
 +
    },
 
     {
 
     {
 
         "menu": "Project",
 
         "menu": "Project",
Line 7: Line 11:
 
             {
 
             {
 
                 "name": "Description",
 
                 "name": "Description",
−
                 "link": "#"
+
                 "link": "https://2018.igem.org/Team:DLUT_China_B/Description"
 
             },
 
             },
 
             {
 
             {
 
                 "name": "Design",
 
                 "name": "Design",
−
                 "link": "#"
+
                 "link": "https://2018.igem.org/Team:DLUT_China_B/Design"
 
             },
 
             },
 
             {
 
             {
 
                 "name": "Demonstrate",
 
                 "name": "Demonstrate",
−
                 "link": "#"
+
                 "link": "https://2018.igem.org/Team:DLUT_China_B/Demonstrate"
−
            },
+
−
            {
+
−
                "name": "Experiments",
+
−
                "link": "#"
+
 
             },
 
             },
 
             {
 
             {
 
                 "name": "InterLab",
 
                 "name": "InterLab",
−
                 "link": "#"
+
                 "link": "https://2018.igem.org/Team:DLUT_China_B/InterLab"
 
             },
 
             },
 
             {
 
             {
 
                 "name": "Notebook",
 
                 "name": "Notebook",
−
                 "link": "#"
+
                 "link": "https://2018.igem.org/Team:DLUT_China_B/Notebook"
 
             }
 
             }
 
         ]
 
         ]
Line 33: Line 33:
 
     {
 
     {
 
         "menu": "Parts",
 
         "menu": "Parts",
−
         "subMenu": [
+
         "link": "https://2018.igem.org/Team:DLUT_China_B/Parts"
−
            {
+
−
                "name": "Parts Overview",
+
−
                "link": "#"
+
−
            },
+
−
            {
+
−
                "name": "Basic Parts",
+
−
                "link": "#"
+
−
            },
+
−
            {
+
−
                "name": "Composite Parts",
+
−
                "link": "#"
+
−
            }
+
−
        ]
+
 
     },
 
     },
 
     {
 
     {
Line 52: Line 39:
 
         "subMenu": [
 
         "subMenu": [
 
             {
 
             {
−
                 "name": "Condition Optimization",
+
                 "name": "Gray Value-Concentration Model",
−
                 "link": "#"
+
                 "link": "https://2018.igem.org/Team:DLUT_China_B/GrayValueConcentrationModel"
 
             },
 
             },
 
             {
 
             {
−
                 "name": "Standard Curve",
+
                 "name": "Kinetic Model",
−
                 "link": "#"
+
                 "link": "https://2018.igem.org/Team:DLUT_China_B/KineticModel"
 
             },
 
             },
 
             {
 
             {
−
                 "name": "Result",
+
                 "name": "Liquid Crystal Molecules Perturbations Model",
−
                 "link": "#"
+
                 "link": "https://2018.igem.org/Team:DLUT_China_B/LiquidCrystalMoleculesPerturbationsModel"
 
             }
 
             }
 
         ]
 
         ]
Line 70: Line 57:
 
             {
 
             {
 
                 "name": "Applied Design",
 
                 "name": "Applied Design",
−
                 "link": "#"
+
                 "link": "https://2018.igem.org/Team:DLUT_China_B/Applied_Design"
 
             },
 
             },
 
             {
 
             {
 
                 "name": "Hardware",
 
                 "name": "Hardware",
−
                 "link": "#"
+
                 "link": "https://2018.igem.org/Team:DLUT_China_B/Hardware"
−
            },
+
−
            {
+
−
                "name": "Software",
+
−
                "link": "#"
+
 
             }
 
             }
 
         ]
 
         ]
 
     },
 
     },
 
     {
 
     {
−
         "menu": "Human Practice",
+
         "menu": "Human Practices",
 
         "subMenu": [
 
         "subMenu": [
 
             {
 
             {
−
                 "name": "Human Practice",
+
                 "name": "Human Practices",
−
                 "link": "#"
+
                 "link": "https://2018.igem.org/Team:DLUT_China_B/Human_Practices"
 
             },
 
             },
 
             {
 
             {
−
                 "name": "Education",
+
                 "name": "Public Engagement",
−
                 "link": "#"
+
                 "link": "https://2018.igem.org/Team:DLUT_China_B/Public_Engagement"
 
             }
 
             }
 
         ]
 
         ]
Line 100: Line 83:
 
             {
 
             {
 
                 "name": "Team Members",
 
                 "name": "Team Members",
−
                 "link": "#"
+
                 "link": "https://2018.igem.org/Team:DLUT_China_B/TeamMembers"
 
             },
 
             },
 
             {
 
             {
 
                 "name": "Attributions",
 
                 "name": "Attributions",
−
                 "link": "#"
+
                 "link": "https://2018.igem.org/Team:DLUT_China_B/Attributions"
 
             },
 
             },
 
             {
 
             {
−
                 "name": "Collaboration",
+
                 "name": "Collaborations",
−
                 "link": "#"
+
                 "link": "https://2018.igem.org/Team:DLUT_China_B/Collaborations"
 
             }
 
             }
 
         ]
 
         ]
Line 119: Line 102:
 
     let menuName = document.createElement("a");
 
     let menuName = document.createElement("a");
 
     menuName.innerText = navData[i]["menu"];
 
     menuName.innerText = navData[i]["menu"];
−
     let subMenu = document.createElement("ul");
+
 
−
    subMenu.setAttribute("class", "subMenu");
+
     if(navData[i].hasOwnProperty("subMenu")) {
−
    for (let j = 0; j < navData[i]["subMenu"].length; ++j) {
+
        let subMenu = document.createElement("ul");
−
        let subMenuName = document.createElement("li");
+
        subMenu.setAttribute("class", "subMenu");
−
        let subMenuNameA = document.createElement("a");
+
        for (let j = 0; j < navData[i]["subMenu"].length; ++j) {
−
        subMenuNameA.innerText = navData[i]["subMenu"][j]["name"];
+
            let subMenuName = document.createElement("li");
−
        subMenuNameA.setAttribute("href", navData[i]["subMenu"][j]["link"]);
+
            let subMenuNameA = document.createElement("a");
−
        subMenuName.appendChild(subMenuNameA);
+
            subMenuNameA.innerText = navData[i]["subMenu"][j]["name"];
−
        subMenu.appendChild(subMenuName);
+
            subMenuNameA.setAttribute("href", navData[i]["subMenu"][j]["link"]);
 +
            subMenuName.appendChild(subMenuNameA);
 +
            subMenu.appendChild(subMenuName);
 +
        }
 +
        menu.appendChild(menuName);
 +
        menu.appendChild(subMenu);
 +
    }
 +
    else {
 +
        menuName.setAttribute("href", navData[i]["link"]);
 +
        menu.appendChild(menuName);
 
     }
 
     }
−
    menu.appendChild(menuName);
 
−
    menu.appendChild(subMenu);
 
 
     ul.appendChild(menu);
 
     ul.appendChild(menu);
 
}
 
}
Line 137: Line 127:
 
/*至顶按钮*/
 
/*至顶按钮*/
 
$('#back').click(function () {
 
$('#back').click(function () {
−
     $('html').animate( {scrollTop: 0}, 500);
+
     if(navigator.userAgent.indexOf("Edge")>-1)
 +
        $('body').animate( {scrollTop: 0}, 500);
 +
    else
 +
        $('html').animate( {scrollTop: 0}, 500);
 
});
 
});
−
document.onscroll=function () {
+
function topToggle() {
−
     if($('html').scrollTop()>600)
+
     if($(window).scrollTop()>600)
 
         document.getElementById("back").style.display="block";
 
         document.getElementById("back").style.display="block";
 
     else
 
     else
 
         document.getElementById("back").style.display="none";
 
         document.getElementById("back").style.display="none";
−
};
+
}

Latest revision as of 23:37, 17 October 2018

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

   {
       "menu": "Home",
       "link": "https://2018.igem.org/Team:DLUT_China_B"
   },
   {
       "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": "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",
       "link": "https://2018.igem.org/Team:DLUT_China_B/Parts"
   },
   {
       "menu": "Model",
       "subMenu": [
           {
               "name": "Gray Value-Concentration Model",
               "link": "https://2018.igem.org/Team:DLUT_China_B/GrayValueConcentrationModel"
           },
           {
               "name": "Kinetic Model",
               "link": "https://2018.igem.org/Team:DLUT_China_B/KineticModel"
           },
           {
               "name": "Liquid Crystal Molecules Perturbations Model",
               "link": "https://2018.igem.org/Team:DLUT_China_B/LiquidCrystalMoleculesPerturbationsModel"
           }
       ]
   },
   {
       "menu": "Awards",
       "subMenu": [
           {
               "name": "Applied Design",
               "link": "https://2018.igem.org/Team:DLUT_China_B/Applied_Design"
           },
           {
               "name": "Hardware",
               "link": "https://2018.igem.org/Team:DLUT_China_B/Hardware"
           }
       ]
   },
   {
       "menu": "Human Practices",
       "subMenu": [
           {
               "name": "Human Practices",
               "link": "https://2018.igem.org/Team:DLUT_China_B/Human_Practices"
           },
           {
               "name": "Public Engagement",
               "link": "https://2018.igem.org/Team:DLUT_China_B/Public_Engagement"
           }
       ]
   },
   {
       "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": "Collaborations",
               "link": "https://2018.igem.org/Team:DLUT_China_B/Collaborations"
           }
       ]
   }

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

   if(navData[i].hasOwnProperty("subMenu")) {
       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);
   }
   else {
       menuName.setAttribute("href", navData[i]["link"]);
       menu.appendChild(menuName);
   }
   ul.appendChild(menu);

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

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

   if(navigator.userAgent.indexOf("Edge")>-1)
       $('body').animate( {scrollTop: 0}, 500);
   else
       $('html').animate( {scrollTop: 0}, 500);

}); function topToggle() { 

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

}