test

Assets/JS/Ixy.js

@@ -0,0 +1,98 @@
+$(function(){
+  $('.image_container_left').slick({
+    autoplay: true, //自動でスクロール
+    autoplaySpeed: 0, //自動再生のスライド切り替えまでの時間を設定
+    speed: 5000, //スライドが流れる速度を設定
+    cssEase: "linear", //スライドの流れ方を等速に設定
+    slidesToShow:4, //表示するスライドの数
+    swipe: false, // 操作による切り替えはさせない
+    arrows: false, //矢印非表示
+    pauseOnFocus: false, //スライダーをフォーカスした時にスライドを停止させるか
+    pauseOnHover: false, //スライダーにマウスホバーした時にスライドを停止させるか
+    useTransform: false,
+    fade:false,
+    responsive: [
+
+      {
+        breakpoint: 750,
+        settings: {
+          slidesToShow: 2, //画面幅750px以下でスライド3枚表示
+        }
+      }
+    ]
+  });
+
+  $('.image_container_rigth').slick({
+    autoplay: true, //自動でスクロール
+    autoplaySpeed: 0, //自動再生のスライド切り替えまでの時間を設定
+    speed: 5000, //スライドが流れる速度を設定
+    cssEase: "linear", //スライドの流れ方を等速に設定
+    slidesToShow:4, //表示するスライドの数
+    swipe: false, // 操作による切り替えはさせない
+    arrows: false, //矢印非表示
+    pauseOnFocus: false, //スライダーをフォーカスした時にスライドを停止させるか
+    pauseOnHover: false, //スライダーにマウスホバーした時にスライドを停止させるか
+    useTransform: false,
+    rtl: true, // スライダーを左から右に流す（逆向き）
+    responsive: [
+      {
+        breakpoint: 750,
+        settings: {
+          slidesToShow: 2, //画面幅750px以下でスライド3枚表示
+        }
+      }
+    ]
+  });
+
+  var logo = $('.logo');
+  //スクロールしてページトップから1000に達したらボタンを表示
+  $(window).on('load scroll', function(){
+    if($(this).scrollTop() > 500) {
+      logo.addClass('active');
+    }else{
+      logo.removeClass('active');
+    }
+  });
+//テキストのカウントアップの設定
+var bar = new ProgressBar.Line(splash_text, {//id名を指定
+  strokeWidth: 0,//進捗ゲージの太さ
+  duration: 1000,//時間指定(1000＝1秒)
+  trailWidth: 0,//線の太さ
+  text: {//テキストの形状を直接指定 
+    style: {//天地中央に配置
+      position:'absolute',
+      left:'50%',
+      top:'50%',
+      padding:'10px',
+      margin:'0',
+      transform:'translate(-50%,-50%)',
+      'font-size':'3rem',
+      'font-family':'Orbitron',
+      color:'#fff',
+    },
+    autoStyleContainer: false //自動付与のスタイルを切る
+  },
+  step: function(state, bar) {
+    bar.setText(Math.round(bar.value() * 100) + ' %'); //テキストの数値
+  }
+});
+
+//アニメーションスタート
+bar.animate(1.0, function () {//バーを描画する割合を指定します 1.0 なら100%まで描画します
+  $("#splash").delay(500).fadeOut(800);//アニメーションが終わったら#splashエリアをフェードアウト
+});  
+jQuery(window).on('load', function() {
+	jQuery('.splash').hide();
+});
+const webStorage = function () {
+  if (sessionStorage.getItem('visit')) {
+    $(".splash").css("display", "none");
+  } else {
+    sessionStorage.setItem('visit', 'true'); 
+    $(".splash").delay(4000).fadeOut(4000);
+  }
+}
+webStorage();
+});
+
+

Assets/JS/common.js

@@ -0,0 +1,75 @@
+
+
+$('#hamburger').on('click', function () {
+    $('.icon').toggleClass('open');
+    $('.nav').slideToggle(700);
+  });
+
+  $(function(){
+  var flg = "off";
+  $('#hamburger').on('click', function(){
+    if(flg == "off"){
+      $('.header__menu').text('CLOSE');
+      flg = "on";
+    }else{
+      $('.header__menu').text('MENU');
+      flg = "off";
+    }
+  });
+  });
+
+  $('.nav__list a').on('click', function () {
+    $('.nav').slideToggle('close');
+    $('.icon').removeClass('open');
+    $('.header__menu').text('MENU');
+
+  });
+
+  $(function() {
+    // 変数にクラスを入れる
+    var btn = $('.top_button');
+
+    //スクロールしてページトップから1000に達したらボタンを表示
+    $(window).on('load scroll', function(){
+      if($(this).scrollTop() > 1000) {
+        btn.addClass('active');
+      }else{
+        btn.removeClass('active');
+      }
+    });
+
+    //スクロールしてトップへ戻る
+    btn.on('click',function () {
+      $('body,html').animate({
+        scrollTop: 0
+      });
+    });
+  });
+
+
+  $(window).on('load resize', function() {
+    var windowWidth = window.innerWidth;
+    var elements = $('#fixed-area');
+    if (windowWidth >= 768) {
+      Stickyfill.add(elements);
+    }else{
+      Stickyfill.remove(elements);
+    } 
+  });
+
+
+  //スクロールしてページトップから1000に達したらボタンを表示
+  $(window).on('load scroll', function(){
+    if($(this).scrollTop() > 1000) {
+      $('.sw-Fixedbnr_Closebnr').addClass('active');
+    }else{
+      $('.sw-Fixedbnr_Closebnr').removeClass('active');
+    }
+  });
+
+  $(function () {
+    $('.close').on('click', () => {
+        $('.sw-Fixedbnr_Closebnr').hide();
+    });
+});
+