Team:Jilin China/Navbar Js
// JavaScript Document $(document).ready(function(){ 'use strict'; //This part is designed to reload when big width changes happen. var windowWidth=document.body.clientWidth; var widthStatus=0; if( windowWidth >= 1080){ widthStatus = 1; }else{ if(windowWidth >=768){ widthStatus = 2; }else{ widthStatus = 3; } } $(window).resize(function(){ var windowWidth2=document.body.clientWidth; var widthStatus2=0; if( windowWidth2 >= 1080){ widthStatus2 = 1; }else{ if(windowWidth2 >=768){ widthStatus2 = 2; }else{ widthStatus2 = 3; } } if(widthStatus2 !== widthStatus){ location.reload(); } });
if(document.body.clientWidth >= 1080)
{
/*$(".navbottom li").mouseover(function(){
$(this).addClass("animated fadeIn");
});
$(".navbottom li").mouseleave(function(){
$(this).removeClass("animated fadeOut");
});*/
$(".navbottom li").mouseover(function(){
$(this).children("ul").fadeIn(300);
$(this).children("ul").removeClass("animated fadeOutUp");
$(this).children("ul").addClass("animated fadeInDown");
});
$(".navbottom li").mouseleave(function(){
$(this).children("ul").fadeOut(300);
$(this).children("ul").removeClass("animated fadeInDown");
$(this).children("ul").addClass("animated fadeOutUp");
});
}else{
$(".folder").click(function(){
if($(".folder").is(':checked')){
$(".folder + .navbottom").fadeIn(300);
$(".folderback").css("background-color","rgba(0,0,0,0.3)");
}else{
$(".folder + .navbottom").fadeOut(300);
$(".folderback").css("background-color","rgba(0,0,0,0)");
$(":checkbox[name=open]").prop("checked",false);
$(".navbottom ul").css("height","0");
}
});
$(".navbottom input").click(function(){
if($(this).is(':checked')){
$(".isChecked").prop("checked",false);//prop很重要
$(".isChecked + ul").css("height","0");
$(".isChecked").removeClass("isChecked");
$(this).addClass("bottomchecked");
$(this).addClass("isChecked");
$(".bottomchecked + ul").css("opacity","0");
$(".bottomchecked + ul").css("height","auto");
var ulh=$(".bottomchecked + ul").height();
$(".bottomchecked + ul").css("height", "0");
$(".bottomchecked + ul").css("opacity","1");
$(".bottomchecked + ul").css("height", ulh);
$(this).removeClass("bottomchecked");
}else{
$(this).addClass("bottomchecked");
$(".bottomchecked + ul").css("height","0");
$(this).removeClass("bottomchecked");
$(this).removeClass("isChecked");
}
});
}
var s1height = $(".s1").height();
if(document.body.clientWidth >= 768){
$(function(){
$(document).scroll(function(){
if($(document).scrollTop() >= s1height/2)//已经改值！
{
$(".s1 table").fadeOut(200);
$(".s1 p").fadeOut(200);
$(".sidenav").fadeIn(200);
}else{
$(".s1 table").fadeIn(200);
$(".s1 p").fadeIn(200);
$(".sidenav").fadeOut(200);
}
});
});
}
if(document.body.clientWidth >= 1080){
$(function(){
$(document).scroll(function(){
if($(document).scrollTop() >= s1height/2)
{
$(".s1 table").fadeOut(200);
$(".s1 p").fadeOut(200);
$(".sidenav").fadeIn(200);
$(".navbar").css("height","3rem"); $(".navbar").css("font-size","15px"); $(".navbar ul a").css("height","3rem"); $(".navbar ul li > a").css("line-height","3rem"); $(".navbar ul > li").css("height","3rem"); $(".logo").css("height",0); $(".title_nav").fadeIn(200); }else{ $(".s1 table").fadeIn(200); $(".s1 p").fadeIn(200); $(".sidenav").fadeOut(200);
$(".navbar").css("height","4rem"); $(".navbar").css("font-size","18px"); $(".navbar ul li > a").css("height","4rem"); $(".navbar ul li ul li a").css("height","3rem"); $(".navbar ul li > a").css("line-height","4rem"); $(".navbar ul li ul li a").css("line-height","3rem"); $(".navbar ul > li").css("height","4rem"); $(".navbar ul li ul li").css("height","3rem"); $(".logo").css("height","4rem"); $(".title_nav").fadeOut(100); } }); $('a').click(function(){ var middleHeight = window.innerHeight / 4; $('html, body').animate({ scrollTop: $( $.attr(this, 'href') ).offset().top - middleHeight }, 500, 'swing'); return false; }); }); }
});