https://kabaneri.com/assets/js/top.js

1function _c(l){
2  console.log(l);
3}
4$(function(){
5
6////////////////sp menu
7  $(".news_menu").click(function(){
8    var cl = $(this).attr("class");
9    if(cl.indexOf("close") > 0){
10      $(this).removeClass('close');
11      $(".grobal_navi,#main_contents").removeClass('open_menu')
12    }else{
13      $(this).addClass('close');
14      $(".grobal_navi,#main_contents").addClass('open_menu')
15    }
16  })
17  $("#contents").click(function(){
18    $('.news_menu').removeClass('close');
19    $(".grobal_navi,#main_contents").removeClass('open_menu')
20  })
21  $(".page_top").click(function(){
22    $("body,html").animate({scrollTop:0},600);
23  })
24  $('a[href^="#"]').on("click", function (evt) {
25    
26    if($(window).width() < 751){
27      $(".news_menu").removeClass('close');
28      $(".grobal_navi,#main_contents").removeClass('open_menu');
29      $("" + $(evt.delegateTarget).attr("href")).velocity("stop").velocity("scroll", {
30        duration: 400,
31        delay:400,
32        ease:'easeInOutSine',
33        complete:function(){
34          
35        }
36      });
37    }else{
38      $("" + $(evt.delegateTarget).attr("href")).velocity("stop").velocity("scroll", {
39        duration: 400,
40        ease:'easeInOutSine',
41        complete:function(){
42          $(".news_menu").removeClass('close');
43          $(".grobal_navi,#main_contents").removeClass('open_menu');
44        }
45      });
46    }
47
48    return false;
49  });
50
51/////////// movie
52  function play_move(id){
53    var iframe = '<iframe width="100%" height="100%" src="https://www.youtube.com/embed/'+ id +'?rel=0&showinfo=0&autoplay=1&enablejsapi=1" frameborder="0" allowfullscreen></iframe>';
54    $("#movie_player").html(iframe).addClass('playing');
55  }
56  $(".start_now_movie").click(function(){
57    var id = $(this).attr("data-youtube");
58    play_move(id);
59  })
60  $(".change_movie").click(function(){
61    $(".movie_list").find(".current").removeClass('current');
62    $(this).addClass('current');
63    var id = $(this).attr("data-youtube");
64    play_move(id);
65  })
66  $("#movie").find(".prev").click(function(){
67    var now = 0;
68    $(".change_movie").each(function(i){
69      var cl = $(this).attr("class");
70      if(cl.indexOf("current") > 0){
71        now = i;
72      }
73    })
74    now = now-1;
75    if(now < 0){
76      now = $(".change_movie").length -1;
77    }
78    $(".movie_list").find(".current").removeClass('current');
79    $(".change_movie").eq(now).addClass('current');
80    var id = $(".change_movie").eq(now).attr("data-youtube");
81    play_move(id);
82  })
83  $("#movie").find(".next").click(function(){
84    var now = 0;
85    $(".change_movie").each(function(i){
86      var cl = $(this).attr("class");
87      if(cl.indexOf("current") > 0){
88        now = i;
89      }
90    })
91    now = now+1;
92    if(now >=  $(".change_movie").length){
93      now = 0;
94    }
95    $(".movie_list").find(".current").removeClass('current');
96    $(".change_movie").eq(now).addClass('current');
97    var id = $(".change_movie").eq(now).attr("data-youtube");
98    play_move(id);
99  })
100
101})
102
103$(window).on('load',function(){
104
105  var from = window.location.search.substring(1, window.location.search.length);
106  var hash = location.hash;
107
108  if(from == "from=lower"){
109    $("#loading").hide();
110    open_main();
111  }else if(hash.indexOf("#") >= 0){
112    $("#loading").hide();
113    open_main();
114
115    $(hash).velocity("stop").velocity("scroll", {
116      duration: 400,
117      ease:'easeInOutSine'
118    });
119
120  }else{
121    $("#loading").addClass('load_start');
122    setTimeout(function(){
123      $(".loading_logo").addClass('out_logo');
124    },700)
125
126    setTimeout(function(){
127      open_main();
128    },2400)
129    setTimeout(function(){
130      $("#loading").hide();
131    },3700)
132  }
133
134
135})
136function open_main(){
137  $("#main").addClass('move_start');
138  $("header").addClass('move_start')
139
140  setTimeout(function(){
141    $(".c_text,.c_text2,.date,.ontext,.onlinetext").each(function(i){
142      $(this).addClass('move_in');
143    })
144
145    setTimeout(function(){
146      $(".c_text,.c_text2,.date,.ontext,.onlinetext").each(function(i){
147        $(this).removeClass('move_in').addClass('move_out')
148      })
149    },770)
150
151  },400)
152}
153
154function add_title_act(t){
155  var _this = this;
156  this.traget = t;
157
158  $(t).find(".area_ttl").addClass('move_in');
159
160  setTimeout(function(){
161    $(t).find(".area_ttl").removeClass('move_in').addClass('move_out');
162  },500)
163}
164var top_content=['#main','#intro','#staff','footer'];
165var ani_flg=[true,true,true];
166
167
168$(window).scroll(function(event) {
169  var st = $(window).scrollTop();
170  for(var i = 0; i < top_content.length; i++){
171    var pos = $(top_content[i]).offset().top;
172    if(top_content.length-2 >= i){
173      if(st >= pos -$(window).height()+200 && st < $(top_content[i+1]).offset().top -$(window).height()+200){     
174        if(ani_flg[i]){
175          add_title_act(top_content[i]);
176          ani_flg[i] = false;

177        }
178        break;
179      }
180    }
181  }
182
183  $(".in_scroll").each(function(){
184    var pos = $(this).offset().top;
185    if(st >= pos -$(window).height()+200){      
186      $(this).addClass('open')
187    }
188  })
189});
190
191/////op モーダル
192$(window).on('load', function () {
193	var from = window.location.search.substring(1, window.location.search.length);
194	if(from == "from=lower" || location.hash){
195        $('#modal').hide();
196    } else {
197    }
198});
199$(function(){
200  $("#modal").find(".wrap,.btn_close").click(function(){
201    $("#modal").velocity({opacity:0},{
202      duration:400,
203      complete:function(){
204        $(this).hide();
205        $(this).find(".player").empty();
206      }
207    })
208  })
209})