View source for Template:XJTU-China/home.js

$(document).ready(function(){

  // header scroll to top animation
  $(window).scroll(function() {
    if ($(this).scrollTop() == 0) {
      $(function() {
        $('#top-nav .nav-link').clearQueue().animate({lineHeight: '74px'}, 200, 'linear');
        $('.navbar').clearQueue().animate({opacity: '0.75'}, 200, 'linear');
        $('.navbar-header').clearQueue().animate({top: '10px'}, 200, 'linear');
        $('header').data('expend', 'true');
        console.log('scoll to the top');
      });
    } else if ($(this).scrollTop() != 0 && $('header').data('expend') != 'false') {
      $(function() {
        $('.navbar-header').clearQueue().animate({top: '0'}, 400, 'linear');
        $('.navbar').clearQueue().animate({opacity: '1'}, 400, 'linear');
        $('#top-nav .nav-link').clearQueue().animate({lineHeight: '54px'}, 400, 'linear');
        $('header').data('expend', 'false');
      });
    }
  });

  // banner text showing animation
  $('#text-d').animate({opacity: '1'}, 800, 'swing');
  $('#text-e').delay(800).animate({opacity: '1'}, 800, 'swing');
  $('#text-cose').delay(1600).animate({opacity: '1'}, 1000, 'swing');
  $('.banner-sub-text').delay(3000).animate({opacity: '1'}, 800, 'swing');
  $('.banner-up-arrow').delay(4000).animate({opacity: '1'}, 800, 'swing');

  // banner scroll hint animation
  setInterval(function(){
    $('.banner-up-arrow').clearQueue().fadeTo(1400, 0.4).fadeTo(1400, 0.8);
  }, 2800);
  var iter=1;

  // banner picture cycling animation
  setInterval(function(){
    if (iter == $('.banner-pic-wrapper').children().length-1) {
      var next_iter = 1;
    } else {
      var next_iter = iter+1;
    }
    $('#banner-pic-'+next_iter).fadeIn(1000);
    $('#banner-pic-'+iter).delay(500).fadeOut(1000);
    iter = next_iter;
  }, 6000)

  // content text showing animation
  $('.content-title').waypoint(function(){
    $(this.element).animate({top: '0', opacity: '1'}, 800, 'swing');
  }, {offset: '70%'});
  $('.content-text:not(#content-block-2 .content-text)').waypoint(function(){
    $(this.element).animate({left: '0', opacity: '1'}, 600, 'swing');
  }, {offset: '70%'});
  $('#content-block-2 .content-text').waypoint(function(){
    $(this.element).animate({left: '0', opacity: '1'}, 600, 'swing');
  }, {offset: '70%'});

  // team picture
  $("#content-block-4").waypoint(function() {
    if ($("#content-block-4").data('inview') != 'true') {
      $('.banner-pic-wrapper').hide();
      $('#content-block-4-pic').show();
      $("#content-block-4").data('inview', 'true');
    } else {
      $('.banner-pic-wrapper').show();
      $('#content-block-4-pic').hide();
      $("#content-block-4").data('inview', 'false');
    }
  }, {offset: 'bottom-in-view'});

});