https://www.kyoritsu-wu.ac.jp/js/new.js

1$(function() {
2    $('.headnew__link__list').hover(function() {
3      $(this).children('.headnew__link__second').stop().slideToggle(500);
4    });
5    var flkty = new Flickity( '.pickupBlock__area', {
6      // options
7      wrapAround: true,
8      autoPlay: true,
9      pageDots: false
10    });
11    const opvWrap = $('#opv-wrap');
12    const opVideo = $('#opv').get(0);
13    const video = $('#opv');
14    const windowSp = window.matchMedia('(max-width:768px)').matches;
15
16    // $(window).on('load',function(){
17    //   movieSwitch();
18    // });
19    
20    var flag = false;
21    var width_notresize = $(window).width();
22    if(width_notresize < 769){
23      flag = true;
24    }
25    $(window).on('resize',function(){
26        var width = $(window).width();
27        if(width < 769 && flag == false){
28          video.attr("src", "/movie/kyoritsu_tate_fin.mp4");
29          flag = true;
30        }
31        if(width > 768 && flag == true){
32          video.attr("src", "/movie/kyoritsu_yoko_fin.mp4");
33          flag = false;
34        }
35    });
36
37    $(document).on('lead', function() {
38      setTimeout(function() {
39        opvWrap.fadeIn(1000);
40      }, 500);
41    });
42
43    // opVideo.addEventListener('ended', function() {
44    //   movieStop();
45    // });
46
47    function movieSwitch() {
48      if (windowSp) {
49        video.attr("src", "/movie/kyoritsu_tate_fin.mp4");
50      } else {
51        video.attr("src", "/movie/kyoritsu_yoko_fin.mp4");
52      }
53    }
54
55    $('.topNewsBlock').each(function () {
56      if ($(this).hasClass("mod--nojstab")) {
57  //      console.log("nojs");
58        //
59      } else {
60        var $parnt = $(this);
61        var $list = $(this).find(".topNewsBlock__list").clone();
62        var $listObj = $(this).find(".topNewsBlock__list");
63        var $tabs = $parnt.find('.topNewsBlock__tab__item__list__link').length;
64        if ($tabs > 0) {
65          $listObj.find(".topNewsBlock__item").remove();
66          //ページ開いたとき
67          var $crnt = $parnt.find('.topNewsBlock__tab__item__list__link.ac').attr("href");
68          if ($crnt == "all") {
69            $listObj.append($list.html());
70          } else {
71            $list.find(".topNewsBlock__item").each(function () {
72              if ($(this).hasClass($crnt)) {
73                $listObj.append($(this).prop("outerHTML"));
74              }
75            });
76          }
77          //クリックしたとき
78          $parnt.find('.topNewsBlock__tab__item__list__link').click(function () {
79            var $cat = $(this).attr("href");
80            $(".topNewsBlock__tab__item__list__link").removeClass("ac");
81            $(".topNewsBlock__tab__item__list__link[href=" + $cat + "]").addClass("ac");
82            $listObj.find(".topNewsBlock__item").remove();
83            if ($cat == "all") {
84              $listObj.append($list.html());
85            } else {
86              $list.find(".topNewsBlock__item").each(function () {
87                if ($(this).hasClass($cat)) {
88                  $listObj.append($(this).prop("outerHTML"));
89                }
90              });
91            }
92  //          console.log("jsTab");
93            return false;
94          });
95        }
96      }
97    });  
98});
99document.addEventListener('DOMContentLoaded',function(){
100  var flkty = new Flickity( '.carousel-main', {
101    // options
102    wrapAround: true,
103    cellAlign: "left",
104    contain: true,
105    pageDots: false,
106    prevNextButtons: false,
107    autoPlay: 5000
108  });
109});