120 lines
4.2 KiB
JavaScript
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";
|
||
|
|
}
|
||
|
|
});
|
||
|
|
});
|
||
|
|
|
||
|
|
|
||
|
|
|