/* sample01
======================================== */
$(function() {
var nav = $('.overimg');
nav.hover(
function(){
$(this).fadeTo(300,0.5);
},
function () {
$(this).fadeTo(300,1);
}
);
});
$(function() {
$(window).scroll(function () {
var s = $(this).scrollTop();
var m = 50;
if(s > m) {
$(".sub_menu").css("display","none");
} else if(s < m) {
$(".sub_menu").css("display","none");
}
});
});
$(function(){
var setImg = '#top_img_box';
var fadeSpeed = 3000;//フェイドが完了する時間
var switchDelay = 6000;//画像の切り替えする時間
$(setImg).children('img').css({opacity:'0'});
$(setImg + ' img:first').stop().animate({opacity:'1',zIndex:'20'},fadeSpeed);
setInterval(function(){
$(setImg + ' :first-child').animate({opacity:'0'},fadeSpeed).next('img').animate({opacity:'1'},fadeSpeed).end().appendTo(setImg);
},switchDelay);
});
$(function(){
// #で始まるアンカーをクリックした場合に処理
$('a[href^=#]').click(function() {
// スクロールの速度
var speed = 700; // ミリ秒
// アンカーの値取得
var href= $(this).attr("href");
// 移動先を取得
var target = $(href == "#" || href == "" ? 'html' : href);
// 移動先を数値で取得
var position = target.offset().top - 90;
// スムーススクロール
$('body,html').animate({scrollTop:position}, speed, 'swing');
return false;
});
});
$(function() {
$(".header_navi").css("display","none");
$("#menu-btn-check").on("click", function() {
if ($(".header_navi").is(':visible')){
// 非表示時の処理
$('header').removeClass('is2-fixed');
$(".header_navi").slideToggle();
} else {
// 表示時の処理
$('header').addClass('is2-fixed');
$(".header_navi").slideToggle();
}
});
});
$(window).on('load', function() {
var url = $(location).attr('href');
if(url.indexOf("#") != -1){
var anchor = url.split("#");
var target = $('#' + anchor[anchor.length - 1]);
if(target.length){
var pos = Math.floor(target.offset().top) - 90;
$("html, body").animate({scrollTop:pos}, 500);
}
}
});
function openMenu(n) { //リストを開く
closeMenu() //表示中のリストを閉じる
if(n == 1) { //リスト１を開く
li1.style.display = "block";
}
else if(n == 2) { //リスト２を開く
li2.style.display = "block";
}
else if(n == 3) { //リスト３を開く
li3.style.display = "block";
}
else if(n == 4) { //リスト３を開く
li4.style.display = "block";
}
}
function closeMenu() { //リストを閉じる
li1.style.display = "none";
li2.style.display = "none";
li3.style.display = "none";
li4.style.display = "none";
}
$(function(){
$('a img').each(function(){
var img = $(this);
var src_off = img.attr('src');
var src_on = src_off.replace(/^(.+)_off(\.[^\.]+)$/, '$1_on$2');
$('![]()
').attr('src', src_on);
img.hover(function(){
img.attr('src', src_on);
},function(){
img.attr('src', src_off);
});
});
});
$(function(){
$('.sw').each(function(){
//$('.sw').on('click', function(){
var img = $(this);
var src_off = img.attr('src');
var src_on = src_off.replace(/^(.+)_off(\.[^\.]+)$/, '$1_on$2');
$('![]()
').attr('src', src_on);
img.hover(function(){
img.attr('src', src_on);
},function(){
img.attr('src', src_off);
});
});
});
$(function() {
// 初期表示は非表示にする
$('#snavi01').toggle();
$("#btn01").click(function() {
$("#snavi01").toggle();
});
});
$(function() {
// 初期表示は非表示にする
$('#snavi02').toggle();
$("#btn02").click(function() {
$("#snavi02").toggle();
});
});
$(function() {
// 初期表示は非表示にする
$('#snavi03').toggle();
$("#btn03").click(function() {
$("#snavi03").toggle();
});
});
$(function() {
// 初期表示は非表示にする
$('#snavi04').toggle();
$("#btn04").click(function() {
$("#snavi04").toggle();
});
});
//読み込みが完了したら実行
$(window).on('load',function () {
// ローディングが10秒以内で終わる場合、読み込み完了後ローディング非表示
endLoading();
});
//10秒経過した段階で、以下で上記の処理を上書き、強制終了
$(function(){
setTimeout('endLoading()', 3000);
});
//ローディング非表示処理
function endLoading(){
// 1秒かけてロゴを非表示にし、その後0.8秒かけて背景を非表示にする
$('#loading img').fadeOut(1000, function(){
$('#loading').fadeOut(800);
});
}
$(function(){
$(window).on('load scroll', function() {
//$(window).scroll(function() {
if ($(this).scrollTop() >= 0 && $(this).scrollTop() < 150) {
if ($(this).scrollTop() > 60) {
$('header').hide().fadeIn(500);
//$('header').css('background-color', '#333'); /* htmlファイルのnavタグの背景色変更 */
//$('header').css('opacity', '0.9'); /* htmlファイルのnavタグの背景色変更 */
$('header').addClass('is-fixed');
$('.rtop a').css('opacity', '1'); /* htmlファイルのnavタグの背景色変更 */
$('.rtop a').css('transition', 'all 1.2s'); /* htmlファイルのnavタグの背景色変更 */
//$('.yoyaku_bn a').css('opacity', '1'); /* htmlファイルのnavタグの背景色変更 */
//$('.yoyaku_bn a').css('transition', 'all 1.2s'); /* htmlファイルのnavタグの背景色変更 */
}else{
//$('header').css('background', 'none'); /* htmlファイルのnavタグの背景色変更 */
//$('header').css('opacity', '1.0'); /* htmlファイルのnavタグの背景色変更 */
$('header').removeClass('is-fixed');
$('.rtop a').css('opacity', '0'); /* htmlファイルのnavタグの背景色変更 */
$('.rtop a').css('transition', 'all 1.2s'); /* htmlファイルのnavタグの背景色変更 */
//$('.yoyaku_bn a').css('opacity', '0'); /* htmlファイルのnavタグの背景色変更 */
//$('.yoyaku_bn a').css('transition', 'all 1.2s'); /* htmlファイルのnavタグの背景色変更 */
}
}else{
//$('header').css('background-color', '#333'); /* htmlファイルのnavタグの背景色変更 */
//$('header').css('opacity', '0.9'); /* htmlファイルのnavタグの背景色変更 */
$('header').addClass('is-fixed');
$('.rtop a').css('opacity', '1'); /* htmlファイルのnavタグの背景色変更 */
$('.rtop a').css('transition', 'all 1.2s'); /* htmlファイルのnavタグの背景色変更 */
//$('.yoyaku_bn a').css('opacity', '1'); /* htmlファイルのnavタグの背景色変更 */
//$('.yoyaku_bn a').css('transition', 'all 1.2s'); /* htmlファイルのnavタグの背景色変更 */
}
});
});
$(function(){
$('#smenu01').click(function() {
$('.kmenu01').removeClass('hide');
$('.kmenu02').addClass('hide');
$('.kmenu03').addClass('hide');
$('.kmenu04').addClass('hide');
$('.kmenu05').addClass('hide');
$('.kmenu06').addClass('hide');
$('.kmenu07').addClass('hide');
$('.kmenu08').addClass('hide');
});
});
$(function(){
$('#smenu02').click(function() {
$('.kmenu01').addClass('hide');
$('.kmenu02').removeClass('hide');
$('.kmenu03').addClass('hide');
$('.kmenu04').addClass('hide');
$('.kmenu05').addClass('hide');
$('.kmenu06').addClass('hide');
$('.kmenu07').addClass('hide');
$('.kmenu08').addClass('hide');
});
});
$(function(){
$('#smenu03').click(function() {
$('.kmenu01').addClass('hide');
$('.kmenu02').addClass('hide');
$('.kmenu03').removeClass('hide');
$('.kmenu04').addClass('hide');
$('.kmenu05').addClass('hide');
$('.kmenu06').addClass('hide');
$('.kmenu07').addClass('hide');
$('.kmenu08').addClass('hide');
});
});
$(function(){
$('#smenu04').click(function() {
$('.kmenu01').addClass('hide')
$('.kmenu02').addClass('hide');
$('.kmenu03').addClass('hide');
$('.kmenu04').removeClass('hide');
$('.kmenu05').addClass('hide');
$('.kmenu06').addClass('hide');
$('.kmenu07').addClass('hide');
$('.kmenu08').addClass('hide');
});
});
$(function(){
$('#smenu05').click(function() {
$('.kmenu01').addClass('hide')
$('.kmenu02').addClass('hide');
$('.kmenu03').addClass('hide');
$('.kmenu04').addClass('hide');
$('.kmenu05').removeClass('hide');
$('.kmenu06').addClass('hide');
$('.kmenu07').addClass('hide');
$('.kmenu08').addClass('hide');
});
});
$(function(){
$('#smenu06').click(function() {
$('.kmenu01').addClass('hide')
$('.kmenu02').addClass('hide');
$('.kmenu03').addClass('hide');
$('.kmenu04').addClass('hide');
$('.kmenu05').addClass('hide');
$('.kmenu06').removeClass('hide');
$('.kmenu07').addClass('hide');
$('.kmenu08').addClass('hide');
});
});
$(function(){
$('#smenu07').click(function() {
$('.kmenu01').addClass('hide')
$('.kmenu02').addClass('hide');
$('.kmenu03').addClass('hide');
$('.kmenu04').addClass('hide');
$('.kmenu05').addClass('hide');
$('.kmenu06').addClass('hide');
$('.kmenu07').removeClass('hide');
$('.kmenu08').addClass('hide');
});
});
$(function(){
$('#smenu08').click(function() {
$('.kmenu01').addClass('hide')
$('.kmenu02').addClass('hide');
$('.kmenu03').addClass('hide');
$('.kmenu04').addClass('hide');
$('.kmenu05').addClass('hide');
$('.kmenu06').addClass('hide');
$('.kmenu07').addClass('hide');
$('.kmenu08').removeClass('hide');
});
});