website/skylinegt_r/assets/pc/js/character.js

120 lines
4.2 KiB
JavaScript

/*-------------------------------------
character
-------------------------------------*/
if(typeof syanago === "undefined"){
var syanago={};
}
$(function(){
syanago.character={};
syanago.character.currentIllust = $(".illust");
syanago.character.move = function(px){
syanago.character.currentIllust.animate({left:px + "px"},300);
};
var flg = "default",
flg2 = "default",
flg3 = "default",
flg4 = "default",
flg5 = "default",
fit = $(".fit"),
passo = $(".passo"),
leaf = $(".leaf"),
axela = $(".axela"),
outlander = $(".outlander"),
currentIllust = $(".illust"),
fitPoint = $(".fit .point_button"),
fitPointarea = $(".fit .pointarea"),
passoPoint = $(".passo .point_button"),
passoPointarea = $(".passo .pointarea"),
leafPoint = $(".leaf .point_button"),
leafPointarea = $(".leaf .pointarea"),
axelaPoint = $(".axela .point_button"),
axelaPointarea = $(".axela .pointarea"),
outlanderPoint = $(".outlander .point_button"),
outlanderPointarea = $(".outlander .pointarea"),
honda_button = $(".car_list ul li:eq(0) img"),
toyota_button = $(".car_list ul li:eq(1) img"),
nissan_button = $(".car_list ul li:eq(2) img"),
mazda_button = $(".car_list ul li:eq(3) img"),
mitsubishi_button = $(".car_list ul li:eq(4) img");
$(".pointarea").css('opacity','0');
fitPoint.on('click',function() {
if(flg == "default"){
fitPointarea.animate({opacity:1},700);
$(".fit .serif").stop().animate({opacity:0},"fast");
$(".fit .point_button img").attr("src","http://fsv-static.autoc-one.jp/syanago/assets/pc/images/character/button_point_current.png");
flg = "changed";
}else{
fitPointarea.animate({opacity:0},700);
$(".fit .serif").stop().animate({opacity:1},"fast");
$(".fit .point_button img").attr("src","http://fsv-static.autoc-one.jp/syanago/assets/pc/images/character/button_point.png");
flg = "default";
}
});
passoPoint.on('click',function() {
if(flg2 == "default"){
passoPointarea.animate({opacity:1},700);
$(".passo .serif").stop().animate({opacity:0},"fast");
$(".passo .point_button img").attr("src","http://fsv-static.autoc-one.jp/syanago/assets/pc/images/character/button_point_current.png");
flg2 = "changed";
}else{
passoPointarea.animate({opacity:0},700);
$(".passo .serif").stop().animate({opacity:1},"fast");
$(".passo .point_button img").attr("src","http://fsv-static.autoc-one.jp/syanago/assets/pc/images/character/button_point.png");
flg2 = "default";
}
});
leafPoint.on('click',function() {
if(flg3 == "default"){
leafPointarea.animate({opacity:1},700);
$(".leaf .serif").stop().animate({opacity:0},"fast");
$(".leaf .point_button img").attr("src","http://fsv-static.autoc-one.jp/syanago/assets/pc/images/character/button_point_current.png");
flg3 = "changed";
}else{
leafPointarea.animate({opacity:0},700);
$(".leaf .serif").stop().animate({opacity:1},"fast");
$(".leaf .point_button img").attr("src","http://fsv-static.autoc-one.jp/syanago/assets/pc/images/character/button_point.png");
flg3 = "default";
}
});
axelaPoint.on('click',function() {
if(flg4 == "default"){
axelaPointarea.animate({opacity:1},700);
$(".axela .serif").stop().animate({opacity:0},"fast");
$(".axela .point_button img").attr("src","http://fsv-static.autoc-one.jp/syanago/assets/pc/images/character/button_point_current.png");
flg4 = "changed";
}else{
axelaPointarea.animate({opacity:0},700);
$(".axela .serif").stop().animate({opacity:1},"fast");
$(".axela .point_button img").attr("src","http://fsv-static.autoc-one.jp/syanago/assets/pc/images/character/button_point.png");
flg4 = "default";
}
});
outlanderPoint.on('click',function() {
if(flg5 == "default"){
outlanderPointarea.animate({opacity:1},700);
$(".outlander .serif").stop().animate({opacity:0},"fast");
$(".outlander .point_button img").attr("src","http://fsv-static.autoc-one.jp/syanago/assets/pc/images/character/button_point_current.png");
flg5 = "changed";
}else{
outlanderPointarea.animate({opacity:0},700);
$(".outlander .serif").stop().animate({opacity:1},"fast");
$(".outlander .point_button img").attr("src","http://fsv-static.autoc-one.jp/syanago/assets/pc/images/character/button_point.png");
flg5 = "default";
}
});
});