芝麻web文件管理V1.00
编辑当前文件:/home/r5772835/public_html/anjii.ycreate.jp/js/script.js
$(function () { $(".openbtn").click(function () {//ボタンがクリックされたら $(this).toggleClass('active');//ボタン自身に activeクラスを付与し $("#g-nav").toggleClass('panelactive');//ナビゲーションにpanelactiveクラスを付与 }); $("#g-nav a").click(function () {//ナビゲーションのリンクがクリックされたら $(".openbtn").removeClass('active');//ボタンの activeクラスを除去し $("#g-nav").removeClass('panelactive');//ナビゲーションのpanelactiveクラスも除去 }); }); $(function(){ speed = 1000; easing = "easeInOutCubic"; // タグ生成 $(".mask").wrap("
"); $(".mask").append("
"); $('.mask').on('inview',function(event,isInView,visiblePartX,visiblePartY){ if(isInView){ $(this).stop().animate({"left":"0%"},function(){ $(this).find(".mask-bg").stop().animate({"left":"100%"}); }); } }); }); function delayScrollAnime() { var time = 0.2;//遅延時間を増やす秒数の値 var value = time; $('.delayScroll').each(function () { var parent = this; //親要素を取得 var elemPos = $(this).offset().top;//要素の位置まで来たら var scroll = $(window).scrollTop();//スクロール値を取得 var windowHeight = $(window).height();//画面の高さを取得 var childs = $(this).children(); //子要素を取得 if (scroll >= elemPos - windowHeight && !$(parent).hasClass("play")) {//指定領域内にスクロールが入ったらまた親要素にクラスplayがなければ $(childs).each(function () { if (!$(this).hasClass("fadeUp")) {//アニメーションのクラス名が指定されているかどうかをチェック $(parent).addClass("play"); //親要素にクラス名playを追加 $(this).css("animation-delay", value + "s");//アニメーション遅延のCSS animation-delayを追加し $(this).addClass("fadeUp");//アニメーションのクラス名を追加 value = value + time;//delay時間を増加させる //全ての処理を終わったらplayを外す var index = $(childs).index(this); if((childs.length-1) == index){ $(parent).removeClass("play"); } } }) }else { $(childs).removeClass("fadeUp");//アニメーションのクラス名を削除 value = time;//delay初期値の数値に戻す } }) } // 画面をスクロールをしたら動かしたい場合の記述 $(window).scroll(function (){ delayScrollAnime();/* アニメーション用の関数を呼ぶ*/ });// ここまで画面をスクロールをしたら動かしたい場合の記述 // 画面が読み込まれたらすぐに動かしたい場合の記述 $(window).on('load', function(){ delayScrollAnime();/* アニメーション用の関数を呼ぶ*/ });// ここまで画面が読み込まれたらすぐに動かしたい場合の記述 //MenuJs $(window).scroll(function(){ $(".passing").each(function(){ var imgPos = $(this).offset().top; var scroll = $(window).scrollTop(); var windowHeight = $(window).height(); if (scroll > imgPos - windowHeight + windowHeight / 4){ $(this).addClass('move'); } }); });