Difference between revisions of "Template:BNU-China/Javascript/index"
| (3 intermediate revisions by 2 users not shown) | |||
| Line 15: | Line 15: | ||
}); | }); | ||
$("#w_Modeling").hover(function(){ | $("#w_Modeling").hover(function(){ | ||
| − | $(this).append('<div style="position:absolute;display:inline;width:100%;left:0px;"><ul style="background-color:rgba(224,64,28,0.6);"><li><a class="w_a" href="https://2017.igem.org/Team:BNU-China/Model"> | + | $(this).append('<div style="position:absolute;display:inline;width:100%;left:0px;"><ul style="background-color:rgba(224,64,28,0.6);"><li><a class="w_a" href="https://2017.igem.org/Team:BNU-China/Model">Overview</a></li><li><a class="w_a" href="https://2017.igem.org/Team:BNU-China/Model/microtubule">Microtubule</a></li><li><a class="w_a" href="https://2017.igem.org/Team:BNU-China/Model/flagellin">Flagellar Filament</a></li></ul></div>'); |
$("#w_nav>ul>li>div").css({"paddingTop":-1*parseFloat($("#w_nav>ul").css("top"))}); | $("#w_nav>ul>li>div").css({"paddingTop":-1*parseFloat($("#w_nav>ul").css("top"))}); | ||
},function(){ | },function(){ | ||
| Line 47: | Line 47: | ||
$("#top_title").hide(); | $("#top_title").hide(); | ||
$("#sideMenu").hide(); | $("#sideMenu").hide(); | ||
| − | + | if($(window).width()>=480){ | |
$("#w_nav>div").hide(); | $("#w_nav>div").hide(); | ||
} | } | ||
| Line 54: | Line 54: | ||
$("#w_nav>div>ul").hide(); | $("#w_nav>div>ul").hide(); | ||
} | } | ||
| − | |||
$("#w_nav>ul").css({"top":$(window).width()/1280*(-41)}); | $("#w_nav>ul").css({"top":$(window).width()/1280*(-41)}); | ||
| + | $("#w_nav>ul>li>a").css({"width":$(window).width()/7-10,"font-size":$(window).width()/1280*25,"top":0}); | ||
navWidth=$(window).width(); | navWidth=$(window).width(); | ||
navFontSize=$("#w_nav>ul>li>a").css("font-size"); | navFontSize=$("#w_nav>ul>li>a").css("font-size"); | ||
| Line 102: | Line 102: | ||
$("#w_nav>div").hide(); | $("#w_nav>div").hide(); | ||
$("#w_nav>ul").show(); | $("#w_nav>ul").show(); | ||
| − | $("#w_nav>ul>li>a").css({"width":$(window).width()/7-10,"font-size":parseFloat(navFontSize | + | $("#w_nav>ul>li>a").css({"width":$(window).width()/7-10,"font-size":parseFloat(navFontSize)*parseFloat(String($(window).width()))/parseFloat(String(navWidth))}); |
$("#w_nav>ul").css({"top":parseFloat(navTop)*parseFloat(String($(window).width()))/parseFloat(String(navWidth))}); | $("#w_nav>ul").css({"top":parseFloat(navTop)*parseFloat(String($(window).width()))/parseFloat(String(navWidth))}); | ||
navWidth=$(window).width(); | navWidth=$(window).width(); | ||
Latest revision as of 10:01, 1 November 2017
var navWidth; var navFontSize; var navTop; $("#w_navMenuContent").ready(function(){ if($(window).innerWidth()<480){ $("#w_navMenuContent").hide(); } }); $(document).ready(function(){ $("#w_Project").hover(function(){
$(this).append('- <a class="w_a" href="https://2017.igem.org/Team:BNU-China/Description ">Background</a>
- <a class="w_a" href="https://2017.igem.org/Team:BNU-China/Design ">Design</a>
- <a class="w_a" href="https://2017.igem.org/Team:BNU-China/Demonstrate">Results</a>
$("#w_nav>ul>li>div").css({"paddingTop":-1*parseFloat($("#w_nav>ul").css("top"))});
},function(){
$("#w_nav>ul>li>div").remove();
});
$("#w_Modeling").hover(function(){
$(this).append('- <a class="w_a" href="https://2017.igem.org/Team:BNU-China/Model">Overview</a>
- <a class="w_a" href="https://2017.igem.org/Team:BNU-China/Model/microtubule">Microtubule</a>
- <a class="w_a" href="https://2017.igem.org/Team:BNU-China/Model/flagellin">Flagellar Filament</a>
$("#w_nav>ul>li>div").css({"paddingTop":-1*parseFloat($("#w_nav>ul").css("top"))});
},function(){
$("#w_nav>ul>li>div").remove();
});
$("#w_Practice").hover(function(){
$(this).append('- <a class="w_a" href="https://2017.igem.org/Team:BNU-China/HP">Overview</a>
- <a class="w_a" href="https://2017.igem.org/Team:BNU-China/HP/Silver">Silver</a>
- <a class="w_a" href="https://2017.igem.org/Team:BNU-China/HP/Gold_Integrated">Gold</a>
- <a class="w_a" href="https://2017.igem.org/Team:BNU-China/Engagement">Engagement</a>
$("#w_nav>ul>li>div").css({"paddingTop":-1*parseFloat($("#w_nav>ul").css("top"))});
},function(){
$("#w_nav>ul>li>div").remove();
});
$("#w_Achievement").hover(function(){
$(this).append('- <a class="w_a" href="https://2017.igem.org/Team:BNU-China/Judging">Judging Criteria</a>
- <a class="w_a" href="https://2017.igem.org/Team:BNU-China/Parts">Parts</a>
- <a class="w_a" href="https://2017.igem.org/Team:BNU-China/Collaborations">Collaboration</a>
- <a class="w_a" href="https://2017.igem.org/Team:BNU-China/Improve">Improvement</a>
$("#w_nav>ul>li>div").css({"paddingTop":-1*parseFloat($("#w_nav>ul").css("top"))});
},function(){
$("#w_nav>ul>li>div").remove();
});
$("#w_Lab").hover(function(){
$(this).append('- <a class="w_a" href="https://2017.igem.org/Team:BNU-China/Team">Team</a>
- <a class="w_a" href="https://2017.igem.org/Team:BNU-China/Notebook">Notebook</a>
- <a class="w_a" href="https://2017.igem.org/Team:BNU-China/Experiments">Protocol</a>
- <a class="w_a" href="https://2017.igem.org/Team:BNU-China/Attributions">Attributions</a>
- <a class="w_a" href="https://2017.igem.org/Team:BNU-China/Acknowlegement">Acknowlegement</a>
$("#w_nav>ul>li>div").css({"paddingTop":-1*parseFloat($("#w_nav>ul").css("top"))});
},function(){
$("#w_nav>ul>li>div").remove();
});
$("#w_Safety").hover(function(){
$(this).append('- <a class="w_a" href="https://2017.igem.org/Team:BNU-China/Safety">Safety</a>
$("#w_nav>ul>li>div").css({"paddingTop":-1*parseFloat($("#w_nav>ul").css("top"))});
},function(){
$("#w_nav>ul>li>div").remove();
});
$("#top_title").hide(); $("#sideMenu").hide(); if($(window).width()>=480){ $("#w_nav>div").hide(); } if($(window).width()<480){ $("#w_nav>ul").hide(); $("#w_nav>div>ul").hide(); } $("#w_nav>ul").css({"top":$(window).width()/1280*(-41)}); $("#w_nav>ul>li>a").css({"width":$(window).width()/7-10,"font-size":$(window).width()/1280*25,"top":0}); navWidth=$(window).width(); navFontSize=$("#w_nav>ul>li>a").css("font-size"); navTop=$("#w_nav>ul").css("top");
$("#w_nav>div>p").click(function(){ $("#w_nav>div>ul").slideToggle(); }); /* $("#w_menu>li>ul").hide().click(function(event){ event.stopPropagation(); });
$("#w_menu>li").click(function(){ var menuFlag=true; if($(this).find('ul').is(":visible")) menuFlag=false; $("#w_menu>li>ul:visible").slideUp(); if(menuFlag) $(this).find('ul').slideToggle(); });*/ $("#w_menu>li>ul").hide(); $("#w_menu>li>ul:eq(0)").show(); $("#w_menu>li>ul>li>p").click(function(){ var x=$(this).data("id"); $("html,body").animate({scrollTop:$(x).offset().top-$("#w_nav").height()},500); }); $("#w_Panel").height(document.documentElement.clientHeight); $(document).mousemove(function(e){
var x=$("#eye").width()/2;
var y=$("#eye").height()/2;
$("#eye").css({"left":parseFloat(String((e.pageX-x)/100)),"top":parseFloat(String((e.pageY-$(window).scrollTop()-y)/100))});
});
}); $(document).on('touchmove',function(e) { var x=$("#eye").width()/2;
var y=$("#eye").height()/2;
$("#eye").css({"left":parseFloat(String((e.pageX-x)/100)),"top":parseFloat(String((e.pageY-$(window).scrollTop()-y)/100))});
}); $(window).resize(function(){ $("#w_Panel").height(document.documentElement.clientHeight); if($(window).width()>=480){ $("#w_nav>div").hide(); $("#w_nav>ul").show(); $("#w_nav>ul>li>a").css({"width":$(window).width()/7-10,"font-size":parseFloat(navFontSize)*parseFloat(String($(window).width()))/parseFloat(String(navWidth))}); $("#w_nav>ul").css({"top":parseFloat(navTop)*parseFloat(String($(window).width()))/parseFloat(String(navWidth))}); navWidth=$(window).width(); navFontSize=$("#w_nav>ul>li>a").css("font-size"); navTop=$("#w_nav>ul").css("top"); } else{ $("#w_nav>ul").hide(); $("#w_nav>div").show(); $("#w_nav>div>ul").hide(); } });
