//デフォルトの状態に戻す $(document).ready(function(){ //BTN EVENT $("#circle1").css("left","74px"); $("#circle1").css("top","28px"); $("#btn1").hover(function(){ $("#circle1").animate({ "left": 74 + "px", "top": 28+ "px", "margin-left": -10 + "px", "margin-top": -10 + "px", "width": 20 + "px", "height": 20 + "px" },{"duration": 300, easing: "easeInOutCubic"}); }); $("#btn1").mouseout(function(){ $("#circle1").animate({ "left": 74 + "px", "top": 28 + "px", "margin-left": -0 + "px", "margin-top": -0 + "px", "width": 0 + "px", "height": 0 + "px" },{"duration": 300, easing: "easeInOutCubic"}); }); $("#circle2").css("left","150px"); $("#circle2").css("top","28px"); $("#btn2").hover(function(){ $("#circle2").animate({ "left": 150 + "px", "top": 28 + "px", "margin-left": -10 + "px", "margin-top": -10 + "px", "width": 20 + "px", "height": 20 + "px" },{"duration": 300, easing: "easeInOutCubic"}); }); $("#btn2").mouseout(function(){ $("#circle2").animate({ "left": 150 + "px", "top": 28 + "px", "margin-left": -0 + "px", "margin-top": -0 + "px", "width": 0 + "px", "height": 0 + "px" },{"duration": 300, easing: "easeInOutCubic"}); }); $("#circle3").css("left","323px"); $("#circle3").css("top","28px"); $("#btn3").hover(function(){ $("#circle3").animate({ "left": 323 + "px", "top": 28 + "px", "margin-left": -10 + "px", "margin-top": -10 + "px", "width": 20 + "px", "height": 20 + "px" },{"duration": 300, easing: "easeInOutCubic"}); }); $("#btn3").mouseout(function(){ $("#circle3").animate({ "left": 323 + "px", "top": 28 + "px", "margin-left": -0 + "px", "margin-top": -0 + "px", "width": 0 + "px", "height": 0 + "px" },{"duration": 300, easing: "easeInOutCubic"}); }); $("#circle4").css("left","409px"); $("#circle4").css("top","28px"); $("#btn4").hover(function(){ $("#circle4").animate({ "left": 409 + "px", "top": 28 + "px", "margin-left": -10 + "px", "margin-top": -10 + "px", "width": 20 + "px", "height": 20 + "px" },{"duration": 300, easing: "easeInOutCubic"}); }); $("#btn4").mouseout(function(){ $("#circle4").animate({ "left": 409 + "px", "top": 28 + "px", "margin-left": -0 + "px", "margin-top": -0 + "px", "width": 0 + "px", "height": 0 + "px" },{"duration": 300, easing: "easeInOutCubic"}); }); }); (function($) { var app = $.sammy(function() { //アンドロイド対策 if (navigator.userAgent.indexOf('Android') > 0) {this.disable_push_state = true;} //------------------------------------------------------------------------------------------------------------------------------ this.get('#/Re', function() {}); //------------------------------------------------------------------------------------------------------------------------------ this.get('#/', function() { $("#parking").animate({ "opacity": "0" },{"duration": 900, easing: "easeInOutCubic",complete:function(){ $("#parking").css("left","-1000px"); $("#parking").css("top","-1000px"); }}); $("#bn-sec").css("opacity","0"); $("#pan1").css({"opacity":"0","left":"-200px"}); $("#pan2").css({"opacity":"0","left":"-200px"}); $("#pan3").css({"opacity":"0","left":"-200px"}); $("#pan4").css({"opacity":"0","left":"-200px"}); $("#pan5").css({"opacity":"0","left":"-200px"}); $("#pan6").css({"opacity":"0","left":"-200px"}); $("#pan7").css({"opacity":"0","left":"-200px"}); $("#gmap").html(" "); $("#shop").css("opacity","0"); $("#logo").css("opacity","0"); $("#logo").css("position","fixed"); window.document.title = "ラルカンシエル | 愛知県春日井市鳥居松町のベーカリー 手作りパンの店 ラルカンシエル"; $("#btn").css("display","none"); var wH = $(this).getsPerH({long:1.0}); var top = wH - 130; $("#btn").css("top",top + "px"); $("#btn").css("left","0px"); $("#btn").css("opacity","0"); $("#main").clearElement({ hideloader : "true" }); $("#main").changePage({ file : "blank", attendW : 0, attendH : 0, duration1: 1, duration2: 300, position1val: 0, position2val: 120 }); /* $("#side").clearElement(); $("#side").changePage({ file : "side", sizer : "#sizer2", attendW : 0, attendH : 0, duration1: 1, duration2: 300, position: "LT", position1val: 40, position2val: 120 }); */ $("#all").introAnime(); $("#intro").css("display","block"); $("#catch1").css({"opacity": "0"}); $("#catch2").css({"opacity": "0"}); $("#catch3").css({"opacity": "0"}); var wH = $(window).height(); var w = $("#catch1").width(); var h = $("#catch1").height(); var wW = $(window).width(); var leftTrans = wW/2 + 50; var topTrans = wH/2 - 140; $("#catch1").css({"left": leftTrans + "px","top": "10" + "px"}); $("#catch1").animate({ "opacity": "1", "left": leftTrans + "px", "top": topTrans + "px" },{"duration": 1000, easing: "easeInOutCubic"}); var wH = $(window).height(); var w = $("#catch2").width(); var h = $("#catch2").height(); var wW = $(window).width(); var leftTrans = wW/2 - 10; var topTrans = wH/2 - 140; $("#catch2").css({"left": leftTrans + "px","top": "10" + "px"}); $("#catch2").animate({ "opacity": "0" },{"duration": 1000, easing: "easeInOutCubic"}); $("#catch2").animate({ "opacity": "1", "left": leftTrans + "px", "top": topTrans + "px" },{"duration": 1000, easing: "easeInOutCubic"}); var wH = $(window).height(); var w = $("#catch3").width(); var h = $("#catch3").height(); var wW = $(window).width(); var leftTrans = wW/2 - 70; var topTrans = wH/2 - 140; $("#catch3").css({"left": leftTrans + "px","top": "10" + "px"}); $("#catch3").animate({ "opacity": "0" },{"duration": 2400, easing: "easeInOutCubic"}); $("#catch3").animate({ "opacity": "1", "left": leftTrans + "px", "top": topTrans + "px" },{"duration": 1200, easing: "easeInOutCubic"}); $("#catch3").animate({ "opacity": "1" },{"duration": 1200, easing: "easeInOutCubic",complete: function(){ var leftTrans = wW - 100; var topTrans = 30; $("#catch1").animate({ "opacity": "1", "left": leftTrans + "px", "top": topTrans + "px" },{"duration": 1000, easing: "easeInOutCubic"}); var leftTrans = wW - 160; var topTrans = 30; $("#catch2").animate({ "opacity": "1", "left": leftTrans + "px", "top": topTrans + "px" },{"duration": 1000, easing: "easeInOutCubic"}); var leftTrans = wW - 220; var topTrans = 30; $("#catch3").animate({ "opacity": "1", "left": leftTrans + "px", "top": topTrans + "px" },{"duration": 1000, easing: "easeInOutCubic",complete:function(){ var leftTrans = 50; var topTrans = 0; $("#pan1").animate({ "opacity": "0.3", "left": leftTrans + "px", "top": topTrans + "px" },{"duration": 1150, easing: "easeInOutCubic"}); var leftTrans = 210; var topTrans = 0; $("#pan2").animate({ "opacity": "0.3", "left": leftTrans + "px", "top": topTrans + "px" },{"duration": 1600, easing: "easeInOutCubic"}); var leftTrans = 0; var topTrans = 70; $("#pan3").animate({ "opacity": "0.3", "left": leftTrans + "px", "top": topTrans + "px" },{"duration": 1100, easing: "easeInOutCubic"}); var leftTrans = 300; var topTrans = 120; $("#pan4").animate({ "opacity": "0.3", "left": leftTrans + "px", "top": topTrans + "px" },{"duration": 1000, easing: "easeInOutCubic"}); var leftTrans = 120; var topTrans = 105; $("#pan5").animate({ "opacity": "0.3", "left": leftTrans + "px", "top": topTrans + "px" },{"duration": 700, easing: "easeInOutCubic"}); var leftTrans = 0; var topTrans = 200; $("#pan6").animate({ "opacity": "0.2", "left": leftTrans + "px", "top": topTrans + "px" },{"duration": 1200, easing: "easeInOutCubic"}); var leftTrans = 120; var topTrans = 250; $("#pan7").animate({ "opacity": "0.2", "left": leftTrans + "px", "top": topTrans + "px" },{"duration": 900, easing: "easeInOutCubic"}); var wH = $(window).height(); var w = $("#shop").width(); var h = $("#shop").height(); var wW = $(window).width(); var leftTrans = wW - 358; var topTrans = wH - 390; $("#shop").css("left",wW + "px"); $("#shop").css("top",topTrans + "px"); $("#shop").animate({ "opacity": "1", "left": leftTrans + "px", "top": topTrans + "px" },{"duration": 900, easing: "easeInOutCubic"}); var wH = $(window).height(); var w = $("#logo").width(); var h = $("#logo").height(); var wW = $(window).width(); var leftTrans = wW/2 - 120; var topTrans = wH/2 - 190; //$("#logo").css("left",leftTrans + "px"); //$("#logo").css("top",topTrans + "px"); $("#logo").animate({ "opacity": "1", "width": 270, "left": leftTrans + "px", "top": topTrans + "px" },{"duration": 900, easing: "easeInOutCubic"}); location.href = "#/top"; }}); }}); }); //------------------------------------------------------------------------------------------------------------------------------ this.get('#/movie', function() { var wW = $(this).getsPerW({long:1.0}); var wH = $(this).getsPerH({long:1.0}); window.document.title = "movie"; $("#background1").clearElement({ hideloader : "true" }); $("#background1").changePage({ file : "background1", attendW : wW, attendH : wH, cover : "true", duration1: 500, duration2: 500, coverW: 640, coverH: 480, position1val: 0, position2val: 0 }); }); //------------------------------------------------------------------------------------------------------------------------------ this.get('#/top', function() { $("#parking").animate({ "opacity": "0" },{"duration": 900, easing: "easeInOutCubic",complete:function(){ $("#parking").css("left","-1000px"); $("#parking").css("top","-1000px"); }}); var wH = $(window).height(); var wW = $(window).width(); var left = wW -210; var top = 240; $("#bn-sec").css("left",left + "px"); $("#bn-sec").css("top",top + "px"); $("#bn-sec").css("position","absolute"); $("#bn-sec").animate({ "left":left + "px", "top":top + "px" },{"duration": 900, easing: "easeInOutCubic"}); $("#bn-sec").animate({ "opacity": "1", "left":left + "px", "top":top + "px" },{"duration": 1200, easing: "easeInOutCubic"}); /* $("#pan1").css("opacity","0"); $("#pan2").css("opacity","0"); $("#pan3").css("opacity","0"); $("#pan4").css("opacity","0"); $("#pan5").css("opacity","0"); $("#pan6").css("opacity","0"); $("#pan7").css("opacity","0"); $("#shop").css("opacity","0"); $("#logo").css("opacity","0"); */ $("#gmap").html(" "); var leftTrans = 0; var topTrans = 0; $("#pan").animate({ "left": leftTrans + "px", "top": topTrans + "px" },{"duration": 1200, easing: "easeInOutCubic"}); $("#intro").css("display","block"); $("#logo").css("position","fixed"); $("#btn").css({"display": "block"}); /* $("#catch1").css({"opacity": "0"}); $("#catch2").css({"opacity": "0"}); $("#catch3").css({"opacity": "0"}); */ var wH = $(window).height(); var wW = $(window).width(); var leftTrans = wW - 100; var topTrans = 30; $("#catch1").animate({ "opacity": "1", "left": leftTrans + "px", "top": topTrans + "px" },{"duration": 1000, easing: "easeInOutCubic"}); var leftTrans = wW - 160; var topTrans = 30; $("#catch2").animate({ "opacity": "1", "left": leftTrans + "px", "top": topTrans + "px" },{"duration": 1000, easing: "easeInOutCubic"}); var leftTrans = wW - 220; var topTrans = 30; $("#catch3").animate({ "opacity": "1", "left": leftTrans + "px", "top": topTrans + "px" },{"duration": 1000, easing: "easeInOutCubic"}); var leftTrans = 50; var topTrans = 0; $("#pan1").animate({ "opacity": "0.3", "left": leftTrans + "px", "top": topTrans + "px" },{"duration": 1150, easing: "easeInOutCubic"}); timer1 = setInterval(function(){ $("#pan1").animate({ "opacity": "0.5" },{"duration": 1500, easing: "easeInOutCubic"}); $("#pan1").animate({ "opacity": "0.3" },{"duration": 1000, easing: "easeInOutCubic"}); },2500); var leftTrans = 210; var topTrans = 0; $("#pan2").animate({ "opacity": "0.3", "left": leftTrans + "px", "top": topTrans + "px" },{"duration": 1600, easing: "easeInOutCubic"}); timer2 = setInterval(function(){ $("#pan2").animate({ "opacity": "0.5" },{"duration": 1000, easing: "easeInOutCubic"}); $("#pan2").animate({ "opacity": "0.3" },{"duration": 1100, easing: "easeInOutCubic"}); },2100); var leftTrans = 0; var topTrans = 70; $("#pan3").animate({ "opacity": "0.3", "left": leftTrans + "px", "top": topTrans + "px" },{"duration": 1100, easing: "easeInOutCubic"}); timer3 = setInterval(function(){ $("#pan3").animate({ "opacity": "0.5" },{"duration": 1000, easing: "easeInOutCubic"}); $("#pan3").animate({ "opacity": "0.3" },{"duration": 900, easing: "easeInOutCubic"}); },1900); var leftTrans = 300; var topTrans = 120; $("#pan4").animate({ "opacity": "0.3", "left": leftTrans + "px", "top": topTrans + "px" },{"duration": 1000, easing: "easeInOutCubic"}); timer4 = setInterval(function(){ $("#pan4").animate({ "opacity": "0.5" },{"duration": 1500, easing: "easeInOutCubic"}); $("#pan4").animate({ "opacity": "0.3" },{"duration": 1200, easing: "easeInOutCubic"}); },2700); var leftTrans = 120; var topTrans = 105; $("#pan5").animate({ "opacity": "0.3", "left": leftTrans + "px", "top": topTrans + "px" },{"duration": 700, easing: "easeInOutCubic"}); timer5 = setInterval(function(){ $("#pan5").animate({ "opacity": "0.5" },{"duration": 1200, easing: "easeInOutCubic"}); $("#pan5").animate({ "opacity": "0.3" },{"duration": 1000, easing: "easeInOutCubic"}); },2200); var leftTrans = 0; var topTrans = 200; $("#pan6").animate({ "opacity": "0.2", "left": leftTrans + "px", "top": topTrans + "px" },{"duration": 1200, easing: "easeInOutCubic"}); timer6 = setInterval(function(){ $("#pan6").animate({ "opacity": "0.5" },{"duration": 1000, easing: "easeInOutCubic"}); $("#pan6").animate({ "opacity": "0.3" },{"duration": 1000, easing: "easeInOutCubic"}); },2000); var leftTrans = 120; var topTrans = 250; $("#pan7").animate({ "opacity": "0.2", "left": leftTrans + "px", "top": topTrans + "px" },{"duration": 900, easing: "easeInOutCubic"}); timer7 = setInterval(function(){ $("#pan7").animate({ "opacity": "0.5" },{"duration": 1000, easing: "easeInOutCubic"}); $("#pan7").animate({ "opacity": "0.3" },{"duration": 1500, easing: "easeInOutCubic"}); },2500); var wH = $(window).height(); var w = $("#shop").width(); var h = $("#shop").height(); var wW = $(window).width(); var leftTrans = wW - 358; var topTrans = wH - 390; $("#shop").css("left",wW + "px"); $("#shop").css("top",topTrans + "px"); $("#shop").animate({ "opacity": "1", "left": leftTrans + "px", "top": topTrans + "px" },{"duration": 900, easing: "easeInOutCubic"}); var wH = $(window).height(); var w = $("#logo").width(); var h = $("#logo").height(); var wW = $(window).width(); var leftTrans = wW/2 - 120; var topTrans = wH/2 - 190; //$("#logo").css("left",leftTrans + "px"); //$("#logo").css("top",topTrans + "px"); $("#logo").animate({ "opacity": "1", "width": 270, "left": leftTrans + "px", "top": topTrans + "px" },{"duration": 900, easing: "easeInOutCubic"}); var wW = $(window).width(); var wH = $(window).height(); var longAa = $(this).getsPerW({long:0.7}); longAa = wW - 420; if(longAa > 680){ longAa = 680; } var long2 = $(this).getsPerW({long:0.3}); long2 = long2 - 60; var wH = $(window).height(); var height = wH/2 + 40; $("#main").clearElement({ hideloader: "true" }); window.document.title = "ラルカンシエル | 愛知県春日井市鳥居松町のベーカリー 手作りパンの店 ラルカンシエル"; $("#main").changePage({ file : "top", sizer : "#sizer", attendW : longAa, position1val: 40, position2val: height }); var mH = $("#main").height(); var wW = $(this).getsPerW({long:1.0}); var wH = $(this).getsPerH({long:1.0}); var ajust = longAa * 0.3; var height = wH/2 + 40 + ajust; if(height > wH-80){ height = wH-80 } var top = wH - 80; $("#btn").animate({ "opacity": "1", "left": "0px", "top": height + "px" },{"duration": 600, easing: "easeInOutCubic"}); /* $("#side").clearElement(); $("#side").changePage({ file : "side", sizer : "#sizer2", attendW : long2, position: "RT", position1val: 40, position2val: 120 }); */ }); //------------------------------------------------------------------------------------------------------------------------------ this.get('#/about', function() { $("#parking").animate({ "opacity": "0" },{"duration": 900, easing: "easeInOutCubic",complete:function(){ $("#parking").css("left","-1000px"); $("#parking").css("top","-1000px"); }}); var wH = $(window).height(); var wW = $(window).width(); var left = wW -210; var top = 240; $("#bn-sec").css("left",left + "px"); $("#bn-sec").css("top",top + "px"); $("#bn-sec").css("position","absolute"); $("#bn-sec").animate({ "left":left + "px", "top":top + "px" },{"duration": 900, easing: "easeInOutCubic"}); $("#bn-sec").animate({ "opacity": "1", "left":left + "px", "top":top + "px" },{"duration": 1200, easing: "easeInOutCubic"}); /* $("#pan1").css("opacity","0"); $("#pan2").css("opacity","0"); $("#pan3").css("opacity","0"); $("#pan4").css("opacity","0"); $("#pan5").css("opacity","0"); $("#pan6").css("opacity","0"); $("#pan7").css("opacity","0"); $("#shop").css("opacity","0"); $("#logo").css("opacity","0"); */ $("#gmap").html(" "); $("#intro").css("display","block"); $("#logo").css("position","fixed"); /* $("#catch1").css({"opacity": "0"}); $("#catch2").css({"opacity": "0"}); $("#catch3").css({"opacity": "0"}); */ var wW = $(this).getsPerW({long:1.0}); var wH = $(this).getsPerH({long:1.0}); $("#btn").animate({ "opacity": "1", "left": "0px", "top": "25px" },{"duration": 1000, easing: "easeInOutCubic"}); var wH = $(window).height(); var wW = $(window).width(); var leftTrans = wW - 100; var topTrans = 30; $("#catch1").animate({ "opacity": "1", "left": leftTrans + "px", "top": topTrans + "px" },{"duration": 1000, easing: "easeInOutCubic"}); var leftTrans = wW - 160; var topTrans = 30; $("#catch2").animate({ "opacity": "1", "left": leftTrans + "px", "top": topTrans + "px" },{"duration": 1000, easing: "easeInOutCubic"}); var leftTrans = wW - 220; var topTrans = 30; $("#catch3").animate({ "opacity": "1", "left": leftTrans + "px", "top": topTrans + "px" },{"duration": 1000, easing: "easeInOutCubic"}); var leftTrans = -800; var topTrans = 0; $("#pan").animate({ "left": leftTrans + "px", "top": topTrans + "px" },{"duration": 1200, easing: "easeInOutCubic"}); var wH = $(window).height(); var w = $("#shop").width(); var h = $("#shop").height(); var wW = $(window).width(); var leftTrans = wW - 358; var topTrans = wH/2 - 180; //$("#shop").css("left",wW + "px"); //$("#shop").css("top",topTrans + "px"); $("#shop").animate({ "opacity": "0", "left": wW + "px", "top": topTrans + "px" },{"duration": 900, easing: "easeInOutCubic"}); var wH = $(window).height(); var w = $("#logo").width(); var h = $("#logo").height(); var wW = $(window).width(); var leftTrans = wW - 200; var topTrans = wH - 160; //$("#logo").css("left",leftTrans + "px"); //$("#logo").css("top",topTrans + "px"); $("#logo").animate({ "opacity": "1", "width": 135, "left": leftTrans + "px", "top": topTrans + "px" },{"duration": 900, easing: "easeInOutCubic"}); var wW = $(window).width(); var longAa = $(this).getsPerW({long:0.7}); longAa = wW - 290; if(longAa > 750){ longAa = 750; } var long2 = $(this).getsPerW({long:0.3}); long2 = long2 - 60; var left = wW/2 -490; if(left < 40){ left=40; } $("#main").clearElement(); window.document.title = "ラルカンシエルについて | 愛知県春日井市鳥居松町のベーカリー 手作りパンの店 ラルカンシエル"; $("#main").changePage({ file : "about", sizer : "#sizer", attendW : longAa, attendH : 1000, position1val: left, position2val: 120 }); /* $("#side").clearElement(); $("#side").changePage({ file : "side", sizer : "#sizer2", attendW : long2, position: "RT", position1val: 40, position2val: 120 }); */ }); //------------------------------------------------------------------------------------------------------------------------------ this.get('#/contact', function() { /* $("#pan1").css("opacity","0"); $("#pan2").css("opacity","0"); $("#pan3").css("opacity","0"); $("#pan4").css("opacity","0"); $("#pan5").css("opacity","0"); $("#pan6").css("opacity","0"); $("#pan7").css("opacity","0"); $("#shop").css("opacity","0"); $("#logo").css("opacity","0"); */ $("#gmap").html(" "); $("#intro").css("display","block"); $("#logo").css("position","fixed"); var wH = $(window).height(); var wW = $(window).width(); var left = wW -210; var top = 240; $("#bn-sec").css("left",left + "px"); $("#bn-sec").css("top",top + "px"); $("#bn-sec").css("position","absolute"); $("#bn-sec").animate({ "left":left + "px", "top":top + "px" },{"duration": 900, easing: "easeInOutCubic"}); $("#bn-sec").animate({ "opacity": "1", "left":left + "px", "top":top + "px" },{"duration": 1200, easing: "easeInOutCubic"}); /* $("#catch1").css({"opacity": "0"}); $("#catch2").css({"opacity": "0"}); $("#catch3").css({"opacity": "0"}); */ var wW = $(this).getsPerW({long:1.0}); var wH = $(this).getsPerH({long:1.0}); $("#btn").animate({ "opacity": "1", "left": "0px", "top": "25px" },{"duration": 1000, easing: "easeInOutCubic"}); var wH = $(window).height(); var wW = $(window).width(); var leftTrans = wW - 100; var topTrans = 30; $("#catch1").animate({ "opacity": "1", "left": leftTrans + "px", "top": topTrans + "px" },{"duration": 1000, easing: "easeInOutCubic"}); var leftTrans = wW - 160; var topTrans = 30; $("#catch2").animate({ "opacity": "1", "left": leftTrans + "px", "top": topTrans + "px" },{"duration": 1000, easing: "easeInOutCubic"}); var leftTrans = wW - 220; var topTrans = 30; $("#catch3").animate({ "opacity": "1", "left": leftTrans + "px", "top": topTrans + "px" },{"duration": 1000, easing: "easeInOutCubic"}); var leftTrans = -800; var topTrans = 0; $("#pan").animate({ "left": leftTrans + "px", "top": topTrans + "px" },{"duration": 1200, easing: "easeInOutCubic"}); var wH = $(window).height(); var w = $("#shop").width(); var h = $("#shop").height(); var wW = $(window).width(); var leftTrans = wW - 358; var topTrans = wH/2 - 180; //$("#shop").css("left",wW + "px"); //$("#shop").css("top",topTrans + "px"); $("#shop").animate({ "opacity": "0", "left": wW + "px", "top": topTrans + "px" },{"duration": 900, easing: "easeInOutCubic"}); var wH = $(window).height(); var w = $("#logo").width(); var h = $("#logo").height(); var wW = $(window).width(); var leftTrans = wW - 200; var topTrans = wH - 160; //$("#logo").css("left",leftTrans + "px"); //$("#logo").css("top",topTrans + "px"); $("#logo").animate({ "opacity": "1", "width": 135, "left": leftTrans + "px", "top": topTrans + "px" },{"duration": 900, easing: "easeInOutCubic"}); $("#parking").animate({ "opacity": "0" },{"duration": 900, easing: "easeInOutCubic",complete:function(){ $("#parking").css("left","-1000px"); $("#parking").css("top","-1000px"); }}); var wW = $(window).width(); var longAa = $(this).getsPerW({long:0.7}); longAa = wW - 290; if(longAa > 750){ longAa = 750; } var long2 = $(this).getsPerW({long:0.3}); long2 = long2 - 60; var left = wW/2 -490; if(left < 40){ left=40; } $("#main").clearElement(); window.document.title = "ラルカンシエル | お問い合わせ | 愛知県春日井市鳥居松町のベーカリー 手作りパンの店 ラルカンシエル"; $("#main").changePage({ file : "contact", sizer : "#sizer", attendW : longAa, attendH : 1000, position1val: left, position2val: 120 }); /* $("#side").clearElement(); $("#side").changePage({ file : "side", sizer : "#sizer2", attendW : long2, position: "RT", position1val: 40, position2val: 120 }); */ }); //------------------------------------------------------------------------------------------------------------------------------ this.get('#/access', function() { /* $("#pan1").css("opacity","0"); $("#pan2").css("opacity","0"); $("#pan3").css("opacity","0"); $("#pan4").css("opacity","0"); $("#pan5").css("opacity","0"); $("#pan6").css("opacity","0"); $("#pan7").css("opacity","0"); $("#shop").css("opacity","0"); $("#logo").css("opacity","0"); */ var leftTrans = -800; var topTrans = 0; $("#pan").animate({ "left": leftTrans + "px", "top": topTrans + "px" },{"duration": 1200, easing: "easeInOutCubic"}); $("#intro").css("display","block"); $("#logo").css("position","fixed"); var wH = $(window).height(); var wW = $(window).width(); var left = wW -210; var top = 240; $("#bn-sec").css("left",left + "px"); $("#bn-sec").css("top",top + "px"); $("#bn-sec").css("position","absolute"); $("#bn-sec").animate({ "left":left + "px", "top":top + "px" },{"duration": 900, easing: "easeInOutCubic"}); $("#bn-sec").animate({ "opacity": "1", "left":left + "px", "top":top + "px" },{"duration": 1200, easing: "easeInOutCubic"}); /* $("#catch1").css({"opacity": "0"}); $("#catch2").css({"opacity": "0"}); $("#catch3").css({"opacity": "0"}); */ var wW = $(this).getsPerW({long:1.0}); var wH = $(this).getsPerH({long:1.0}); $("#btn").animate({ "opacity": "1", "left": "0px", "top": "25px" },{"duration": 1000, easing: "easeInOutCubic"}); var wH = $(window).height(); var wW = $(window).width(); var leftTrans = wW - 100; var topTrans = 30; $("#catch1").animate({ "opacity": "1", "left": leftTrans + "px", "top": topTrans + "px" },{"duration": 1000, easing: "easeInOutCubic"}); var leftTrans = wW - 160; var topTrans = 30; $("#catch2").animate({ "opacity": "1", "left": leftTrans + "px", "top": topTrans + "px" },{"duration": 1000, easing: "easeInOutCubic"}); var leftTrans = wW - 220; var topTrans = 30; $("#catch3").animate({ "opacity": "1", "left": leftTrans + "px", "top": topTrans + "px" },{"duration": 1000, easing: "easeInOutCubic"}); var leftTrans = 50; var topTrans = 0; $("#pan1").animate({ "opacity": "0.3", "left": leftTrans + "px", "top": topTrans + "px" },{"duration": 1150, easing: "easeInOutCubic"}); var leftTrans = 210; var topTrans = 0; $("#pan2").animate({ "opacity": "0.3", "left": leftTrans + "px", "top": topTrans + "px" },{"duration": 1600, easing: "easeInOutCubic"}); var leftTrans = 0; var topTrans = 70; $("#pan3").animate({ "opacity": "0.3", "left": leftTrans + "px", "top": topTrans + "px" },{"duration": 1100, easing: "easeInOutCubic"}); var leftTrans = 300; var topTrans = 120; $("#pan4").animate({ "opacity": "0.3", "left": leftTrans + "px", "top": topTrans + "px" },{"duration": 1000, easing: "easeInOutCubic"}); var leftTrans = 120; var topTrans = 105; $("#pan5").animate({ "opacity": "0.3", "left": leftTrans + "px", "top": topTrans + "px" },{"duration": 700, easing: "easeInOutCubic"}); var leftTrans = 0; var topTrans = 200; $("#pan6").animate({ "opacity": "0.2", "left": leftTrans + "px", "top": topTrans + "px" },{"duration": 1200, easing: "easeInOutCubic"}); var leftTrans = 120; var topTrans = 250; $("#pan7").animate({ "opacity": "0.2", "left": leftTrans + "px", "top": topTrans + "px" },{"duration": 900, easing: "easeInOutCubic"}); var wH = $(window).height(); var w = $("#shop").width(); var h = $("#shop").height(); var wW = $(window).width(); var leftTrans = wW - 358; var topTrans = wH/2 - 180; //$("#shop").css("left",wW + "px"); //$("#shop").css("top",topTrans + "px"); $("#shop").animate({ "opacity": "0", "left": wW + "px", "top": topTrans + "px" },{"duration": 900, easing: "easeInOutCubic"}); var wH = $(window).height(); var w = $("#logo").width(); var h = $("#logo").height(); var wW = $(window).width(); var leftTrans = wW - 200; var topTrans = wH - 160; //$("#logo").css("left",leftTrans + "px"); //$("#logo").css("top",topTrans + "px"); $("#logo").animate({ "opacity": "1", "width": 135, "left": leftTrans + "px", "top": topTrans + "px" },{"duration": 900, easing: "easeInOutCubic"}); var wH = $(window).height(); var wW = $(window).width(); var longAa = $(this).getsPerW({long:0.7}); longAa = wW - 280; var longHt = wH - 120; var long2 = $(this).getsPerW({long:0.3}); long2 = long2 - 60; $("#gmap").animate({ "opacity": "1", "width": longAa + "px", "left": "0px", "top": "120px" },{"duration": 900, easing: "easeInOutCubic",complete: function(){ $("#gmap").html(" "); $("#googlemap").attr("height",longHt); $("#googlemap").css("position","absolute"); $("#googlemap").css("top","120px"); $("#googlemap").css("opacity","0"); $("#googlemap").css("width",longAa + "px"); $("#googlemap").animate({ "opacity": "1", "width": longAa + "px", "left": "0px", "top": "120px" },{"duration": 900, easing: "easeInOutCubic"}); }}); $("#main").clearElement(); window.document.title = "ラルカンシエル | アクセス | 愛知県春日井市鳥居松町のベーカリー 手作りパンの店 ラルカンシエル"; $("#main").changePage({ file : "access", sizer : "#sizer", attendW : longAa, attendH : 820, position1val: 0, position2val: wH-60 }); var pH = wH-140; $("#parking").css("top",wH + "px"); $("#parking").css("left","30px"); $("#parking").animate({ "opacity": "1", "left": "30px", "top": pH + "px" },{"duration": 900, easing: "easeInOutCubic"}); /* $("#side").clearElement(); $("#side").changePage({ file : "side", sizer : "#sizer2", attendW : long2, position: "RT", position1val: 40, position2val: 120 }); */ }); //------------------------------------------------------------------------------------------------------------------------------ this.get('/', function() { location.href = "#/";}); }); $(function() { app.run() }); })(jQuery); //------------------------------------------------------------------------------------------------------------------------------ //------------------------------------------------------------------------------------------------------------------------------ //------------------------------------------------------------------------------------------------------------------------------