https://asushoku.com/js/common.js

1$(document).ready(function () {
2 /*マウスオーバーアニメ*/
3 $('a img').hover(
4   function () {
5    $(this).animate({opacity: 0.8}, 200);
6   },
7   function () {
8    $(this).animate({opacity: 1.0}, 100);
9   }
10 );
11
12 /*メニュー*/
13 $("#gnav li").hover(
14   function () {
15    $(this).find(".subMenu").stop(true, true).fadeIn(300);
16   },
17   function () {
18    $(this).find(".subMenu").delay(100).fadeOut(300);
19   }
20 );
21
22 /*スクロール*/
23 $("a").each(function () {
24  if ($(this).attr("href") && $(this).attr("href") != "#" && $(this).attr("href").match(/^#.+/)) {
25   var offset = $($(this).attr("href")).offset().top;
26   $(this).click(function (e) {
27    e.preventDefault();
28    $('html,body').animate({scrollTop: offset}, 'slow');
29   });
30  }
31 });
32
33 /*モバイルメニュー*/
34 $("#spMenu").append('<ul class="spMain mb20">'+$("#mainMenu").html()+"</ul>");
35 $("#spMenu").append($("#header .btnList").clone());
36 $("#spMenu").append($("#header .contact").clone());
37 $("#spMenuBtn .close").fadeOut(0);
38 $("#spMenuBtn .open").click(spMenuOpen);
39 $("#spMenuBtn .close").click(spMenuClose);
40});
41
42/*リサイズ時 処理*/
43var slideshowCopy;
44var slidenaviCopy;
45var spFlg = false;
46$(document).ready(function () {
47 slideshowCopy = $("#slideshow").clone();
48 slidenaviCopy = $("#slidenavi").clone();
49 if($(window).width()<768){
50  spFlg=true;
51 }
52 $(window).resize(function () {
53  if ($(this).width() > 768) {
54   //PC表示時処理
55   spMenuOut();
56   if (spFlg) {
57    spFlg = false;
58    //PCスライドショーをリセット
59    $("#slideshow").remove();
60    $("#slidenavi").remove();
61    $("#pcSlideArea").append(slideshowCopy.clone());
62    $("#pcSlideArea").append(slidenaviCopy.clone());
63    pcSlideShow();
64   }
65  } else {
66   //スマホ表示時処理
67   if (!spFlg) {
68    spMenuIn();
69    spFlg = true;
70   }
71  }
72 });
73});
74function spMenuOpen() {
75 $("#spMenuBtn .open").fadeOut(0);
76 $("#spSlideArea,#contents,#footer").fadeOut(0);
77 $("#spMenuBtn .open").parent().find(".close").fadeIn(0);
78 $("#spMenu").fadeIn(0);
79}
80function spMenuClose() {
81 $("#spMenuBtn .close").fadeOut(0);
82 $("#spMenu").fadeOut(0);
83 $("#spSlideArea,#contents,#footer").fadeIn(0);
84 $("#spMenuBtn .close").parent().find(".open").fadeIn(0);
85}
86function spMenuOut() {
87 $("#spMenuBtn .open,#spMenuBtn .close,.home #spSlideArea,#spMenu").fadeOut(0);
88 $("#contents,#footer").fadeIn(200);
89}
90function spMenuIn() {
91 $("#spMenuBtn .open,#spMenuBtn .close,.home #spSlideArea,#contents,#footer").fadeIn(0);
92 $("#spMenu").fadeOut(0);
93}
94
95
96