Team:XMU Software/js
From 2013.igem.org
YuezhenChen (Talk | contribs) |
|||
(17 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
- | function | + | function movetotop(){ |
- | $("#xmu_body"). | + | h = window.innerHeight-180; |
+ | t = $("#xmu_body").scrollTop(); | ||
+ | if(t > h){ | ||
+ | $('#team_navi6').show(); | ||
+ | $('#notebook_navi5').show(); | ||
+ | $('#safety_navi3').show(); | ||
+ | $('#project_navi6').show(); | ||
+ | $('#outreach6').show(); | ||
+ | }else{ | ||
+ | $('#team_navi6').hide(); | ||
+ | $('#notebook_navi5').hide(); | ||
+ | $('#safety_navi3').hide(); | ||
+ | $('#project_navi6').hide(); | ||
+ | $('#outreach6').hide(); | ||
+ | } | ||
+ | } | ||
+ | $(document).ready(function(e) { | ||
+ | movetotop(); | ||
+ | $('#team_navi6').click(function(){ | ||
+ | $("#xmu_body").scrollTop(0); | ||
+ | }) | ||
+ | movetotop(); | ||
+ | $('#notebook_navi5').click(function(){ | ||
+ | $("#xmu_body").scrollTop(0); | ||
+ | }) | ||
+ | movetotop(); | ||
+ | $('#outreach6').click(function(){ | ||
+ | $("#xmu_body").scrollTop(0); | ||
+ | }) | ||
+ | movetotop(); | ||
+ | $('#project_navi6').click(function(){ | ||
+ | $("#xmu_body").scrollTop(0); | ||
+ | }) | ||
+ | movetotop(); | ||
+ | $('#safety_navi3').click(function(){ | ||
+ | $("#xmu_body").scrollTop(0); | ||
+ | }) | ||
+ | }); | ||
+ | function navi1(){ | ||
+ | document.getElementById("team_navi1").style.background="#ffd200"; | ||
+ | document.getElementById("notebook_navi1").style.background="#ffd200"; | ||
+ | document.getElementById("outreach1").style.background="#ffd200"; | ||
+ | document.getElementById("project_navi1").style.background="#ffd200"; | ||
+ | document.getElementById("safety_navi1").style.background="#ffd200"; | ||
+ | } | ||
+ | function navi11(){ | ||
+ | document.getElementById("team_navi1").style.background="#b3d465"; | ||
+ | document.getElementById("notebook_navi1").style.background="#b3d465"; | ||
+ | document.getElementById("outreach1").style.background="#b3d465"; | ||
+ | document.getElementById("project_navi1").style.background="#b3d465"; | ||
+ | document.getElementById("safety_navi1").style.background="#b3d465"; | ||
+ | } | ||
+ | function navi2(){ | ||
+ | document.getElementById("team_navi2").style.background="#ffd200"; | ||
+ | document.getElementById("notebook_navi2").style.background="#ffd200"; | ||
+ | document.getElementById("outreach2").style.background="#ffd200"; | ||
+ | document.getElementById("project_navi2").style.background="#ffd200"; | ||
+ | document.getElementById("safety_navi2").style.background="#ffd200"; | ||
+ | } | ||
+ | function navi21(){ | ||
+ | document.getElementById("team_navi2").style.background="#b3d465"; | ||
+ | document.getElementById("notebook_navi2").style.background="#b3d465"; | ||
+ | document.getElementById("outreach2").style.background="#b3d465"; | ||
+ | document.getElementById("project_navi2").style.background="#b3d465"; | ||
+ | document.getElementById("safety_navi2").style.background="#b3d465"; | ||
+ | } | ||
+ | function navi3(){ | ||
+ | document.getElementById("team_navi3").style.background="#ffd200"; | ||
+ | document.getElementById("notebook_navi3").style.background="#ffd200"; | ||
+ | document.getElementById("outreach3").style.background="#ffd200"; | ||
+ | document.getElementById("project_navi3").style.background="#ffd200"; | ||
+ | document.getElementById("safety_navi3").style.background="#ffd200"; | ||
+ | } | ||
+ | function navi31(){ | ||
+ | document.getElementById("team_navi3").style.background="#b3d465"; | ||
+ | document.getElementById("notebook_navi3").style.background="#b3d465"; | ||
+ | document.getElementById("outreach3").style.background="#b3d465"; | ||
+ | document.getElementById("project_navi3").style.background="#b3d465"; | ||
+ | document.getElementById("safety_navi3").style.background="#b3d465"; | ||
+ | } | ||
+ | function navi4(){ | ||
+ | document.getElementById("team_navi4").style.background="#ffd200"; | ||
+ | document.getElementById("outreach4").style.background="#ffd200"; | ||
+ | document.getElementById("project_navi4").style.background="#ffd200"; | ||
+ | document.getElementById("notebook_navi4").style.background="#ffd200"; | ||
+ | } | ||
+ | function navi41(){ | ||
+ | document.getElementById("team_navi4").style.background="#b3d465"; | ||
+ | document.getElementById("outreach4").style.background="#b3d465"; | ||
+ | document.getElementById("project_navi4").style.background="#b3d465"; | ||
+ | document.getElementById("notebook_navi4").style.background="#b3d465"; | ||
+ | } | ||
+ | function navi5(){ | ||
+ | document.getElementById("team_navi5").style.background="#ffd200"; | ||
+ | document.getElementById("outreach5").style.background="#ffd200"; | ||
+ | document.getElementById("project_navi5").style.background="#ffd200"; | ||
+ | document.getElementById("notebook_navi5").style.background="#ffd200"; | ||
+ | } | ||
+ | function navi51(){ | ||
+ | document.getElementById("team_navi5").style.background="#b3d465"; | ||
+ | document.getElementById("outreach5").style.background="#b3d465"; | ||
+ | document.getElementById("project_navi5").style.background="#b3d465"; | ||
+ | document.getElementById("notebook_navi5").style.background="#b3d465"; | ||
+ | } | ||
+ | function navi6(){ | ||
+ | document.getElementById("project_navi6").style.background="#ffd200"; | ||
+ | document.getElementById("outreach6").style.background="#ffd200"; | ||
+ | document.getElementById("team_navi6").style.background="#ffd200"; | ||
+ | } | ||
+ | function navi61(){ | ||
+ | document.getElementById("project_navi6").style.background="#b3d465"; | ||
+ | document.getElementById("outreach6").style.background="#b3d465"; | ||
+ | document.getElementById("team_navi6").style.background="#b3d465"; | ||
} | } |
Latest revision as of 01:37, 27 October 2013
function movetotop(){ h = window.innerHeight-180; t = $("#xmu_body").scrollTop(); if(t > h){ $('#team_navi6').show(); $('#notebook_navi5').show(); $('#safety_navi3').show(); $('#project_navi6').show(); $('#outreach6').show(); }else{ $('#team_navi6').hide(); $('#notebook_navi5').hide(); $('#safety_navi3').hide(); $('#project_navi6').hide(); $('#outreach6').hide(); } } $(document).ready(function(e) { movetotop(); $('#team_navi6').click(function(){ $("#xmu_body").scrollTop(0); }) movetotop(); $('#notebook_navi5').click(function(){ $("#xmu_body").scrollTop(0); }) movetotop(); $('#outreach6').click(function(){ $("#xmu_body").scrollTop(0); }) movetotop(); $('#project_navi6').click(function(){ $("#xmu_body").scrollTop(0); }) movetotop(); $('#safety_navi3').click(function(){ $("#xmu_body").scrollTop(0); }) }); function navi1(){ document.getElementById("team_navi1").style.background="#ffd200"; document.getElementById("notebook_navi1").style.background="#ffd200"; document.getElementById("outreach1").style.background="#ffd200"; document.getElementById("project_navi1").style.background="#ffd200"; document.getElementById("safety_navi1").style.background="#ffd200"; } function navi11(){ document.getElementById("team_navi1").style.background="#b3d465"; document.getElementById("notebook_navi1").style.background="#b3d465"; document.getElementById("outreach1").style.background="#b3d465"; document.getElementById("project_navi1").style.background="#b3d465"; document.getElementById("safety_navi1").style.background="#b3d465"; } function navi2(){ document.getElementById("team_navi2").style.background="#ffd200"; document.getElementById("notebook_navi2").style.background="#ffd200"; document.getElementById("outreach2").style.background="#ffd200"; document.getElementById("project_navi2").style.background="#ffd200"; document.getElementById("safety_navi2").style.background="#ffd200"; } function navi21(){ document.getElementById("team_navi2").style.background="#b3d465"; document.getElementById("notebook_navi2").style.background="#b3d465"; document.getElementById("outreach2").style.background="#b3d465"; document.getElementById("project_navi2").style.background="#b3d465"; document.getElementById("safety_navi2").style.background="#b3d465"; } function navi3(){ document.getElementById("team_navi3").style.background="#ffd200"; document.getElementById("notebook_navi3").style.background="#ffd200"; document.getElementById("outreach3").style.background="#ffd200"; document.getElementById("project_navi3").style.background="#ffd200"; document.getElementById("safety_navi3").style.background="#ffd200"; } function navi31(){ document.getElementById("team_navi3").style.background="#b3d465"; document.getElementById("notebook_navi3").style.background="#b3d465"; document.getElementById("outreach3").style.background="#b3d465"; document.getElementById("project_navi3").style.background="#b3d465"; document.getElementById("safety_navi3").style.background="#b3d465"; } function navi4(){ document.getElementById("team_navi4").style.background="#ffd200"; document.getElementById("outreach4").style.background="#ffd200"; document.getElementById("project_navi4").style.background="#ffd200"; document.getElementById("notebook_navi4").style.background="#ffd200"; } function navi41(){ document.getElementById("team_navi4").style.background="#b3d465"; document.getElementById("outreach4").style.background="#b3d465"; document.getElementById("project_navi4").style.background="#b3d465"; document.getElementById("notebook_navi4").style.background="#b3d465"; } function navi5(){ document.getElementById("team_navi5").style.background="#ffd200"; document.getElementById("outreach5").style.background="#ffd200"; document.getElementById("project_navi5").style.background="#ffd200"; document.getElementById("notebook_navi5").style.background="#ffd200"; } function navi51(){ document.getElementById("team_navi5").style.background="#b3d465"; document.getElementById("outreach5").style.background="#b3d465"; document.getElementById("project_navi5").style.background="#b3d465"; document.getElementById("notebook_navi5").style.background="#b3d465"; } function navi6(){ document.getElementById("project_navi6").style.background="#ffd200"; document.getElementById("outreach6").style.background="#ffd200"; document.getElementById("team_navi6").style.background="#ffd200"; } function navi61(){ document.getElementById("project_navi6").style.background="#b3d465"; document.getElementById("outreach6").style.background="#b3d465"; document.getElementById("team_navi6").style.background="#b3d465"; }