15,067
个编辑
◆少前百科是非盈利性、非官方的少女前线维基百科。 ◆如果您发现某些内容错误/空缺,请勇于修正/添加!参与进来其实很容易!点这里 加入少前百科。 ◆有任何意见、建议、纠错,欢迎在 GFwiki:反馈与建议 提出和讨论。编辑事务讨论QQ群:597764980,微博@GFwiki少前百科 ◆To foreigners,You can use twitter to contact us. |
更改
无编辑摘要
<includeonly><script type="text/javascript">(window.RLQ=window.RLQ||[]).push(function(){
var htmlPageSave = []; // for page 1, 2, 3……
var suitElement = document.querySelectorAll('.suitdata');
var htmlPageSave suitChoice = []; // for page 1, 2, 3……{}
creat_select();
creat_album();
function dragFn (dragObj,parent) {
var parent_h = $(parent)[0].offsetHeight
parent_w = $(parent)[0].offsetWidth
drag_h = $(this)[0].offsetHeight
drag_w = $(this)[0].offsetWidth
var dragX = e.clientX - $(this)[0].offsetLeft; var dragY = e.clientY - $(this)[0].offsetTop;
$(dragObj).addClass("mousedown");
$(document).mousemove(function (e) {
})
$(this).off('mousemove');$(dragObj).removeClass("mousedown")
function creat_select(){
var html_text = `
<div class="skinselectbox">
<div class="suitbtnbtnbox" style="display: none;">
<div class="gfcheckbtn suitbtn buttonStateOn" id="suitModeFocus">纯享模式<\/div>
<div class="gfcheckbtn suitbtn" id="suitModeGallery">画廊模式<\/div>
<div class="gfcheckbtn suitbtn" id="suitModeCard">卡片模式<\/div>
<div class="gfcheckbtn suitbtn" id="suitModeTheme">主题模式<\/div>
<div class="gfcheckbtn suitbtn" id="suitModeText">文字模式<\/div>
<\/div>
<div class="skinbtnbox">
<div class="gfactivebtn skinsecall">全选<\/div> <div class="gfactivebtn skinclear">清空<\/div> <div class="gfcheckbtn skinbtn buttonStateOn" id="suit2016">2016年<\/div> <div class="gfcheckbtn skinbtn buttonStateOn" id="suit2017">2017年<\/div> <div class="gfcheckbtn skinbtn buttonStateOn" id="suit2018">2018年<\/div> <div class="gfcheckbtn skinbtnbuttonStateOn" id="suitmodesuit2019" state>2019年<\/div> <div class="gfcheckbtn skinbtn buttonStateOn" id="suit2020">2020年<\/div> <div class="gfcheckbtn skinbtn buttonStateOn" id="suit2021">2021年<\/div> <div class="gfcheckbtn skinbtn buttonStateOn" id="suit2022">2022年<\/div> <div class="gfcheckbtn skinbtn buttonStateOn" id="suit2023">2023年<\/div> <div class="gfcheckbtn skinbtn buttonStateOn" id="1suit2024">主题模式2024年<\/div>
<\/div><br/>
<div class="skinbtnbox">
<div class="gfactivebtn skinsecall">全选<\/div> <div class="gfactivebtn skinclear">清空<\/div> <div class="suitbtngfcheckbtn skinbtn buttonStateOn" id="month1" state="1typeJp">正月<\/div> <div class="suitbtngfcheckbtn skinbtn buttonStateOn" id="month2" state="1typeSpring">春节<\/div> <div class="suitbtngfcheckbtn skinbtn buttonStateOn" id="month3" state="1typeWedding">婚纱<\/div> <div class="suitbtngfcheckbtn skinbtn buttonStateOn" id="month5" state="1typeAnniversary">周年庆<\/div> <div class="suitbtngfcheckbtn skinbtn buttonStateOn" id="month6" state="1typeChild">儿童节<\/div> <div class="suitbtngfcheckbtn skinbtn buttonStateOn" id="month7" state="1typeSwim">泳装<\/div> <div class="suitbtngfcheckbtn skinbtn buttonStateOn" id="month10" state="1typeHallo">万圣节<\/div> <div class="suitbtngfcheckbtn skinbtn buttonStateOn" id="month12typeXmas" state>圣诞节<\/div> <div class="1gfcheckbtn skinbtn buttonStateOn" id="typeCollaborate">圣诞节联动<\/div> <div class="suitbtngfcheckbtn skinbtn buttonStateOn" id="month0typeSpecial">特典<\/div> <div class="gfcheckbtn skinbtn buttonStateOn" stateid="1typeOther">其他<\/div>
<\/div><br/>
<div class="skinbtnbox">
<div class="gfactivebtn skinsecall">全选<\/div> <div class="gfactivebtn skinclear">清空<\/div> <div class="gfcheckbtn skinbtnbuttonStateOn" id="live2d" state="1">Live2D<\/div> <div class="gfcheckbtn skinbtnbuttonStateOn" id="animated" state="1">AnimatedAnime<\/div> <div class="gfcheckbtn skinbtnbuttonStateOn" id="normal" state="1">Normal<\/div>
<\/div><br/>
<div class="skinbtnbox">
<div class="gfactivebtn skinsecall">全选<\/div> <div class="gfactivebtn skinclear">清空<\/div> <div class="gfcheckbtn skinbtnbuttonStateOn" id="3card" state="1">3<span class="btntext">黑卡<\/span><\/div> <div class="gfcheckbtn skinbtnbuttonStateOn" id="5card" state="1">5<span class="btntext">黑卡<\/span><\/div> <div class="gfcheckbtn skinbtnbuttonStateOn" id="8card" state="1">8<span class="btntext">黑卡<\/span><\/div> <div class="gfcheckbtn skinbtnbuttonStateOn" id="xcard" state="1"><span class="btntext">黑卡无效<\/span><\/div> <\/div><br/> <div class="skinbtnbox"> <div class="skinsecall">全选<\/div> <div class="skinclear">清空<\/div> <div class="skinbtn" id="600change" state="1">600<span class="btntext">兑换券<\/span><\/div> <div class="skinbtn" id="200change" state="1">200<span class="btntext">兑换券<\/span><\/div> <div class="skinbtn" id="100change" state="1">100<span class="btntext">兑换券<\/span><\/div> <div class="skinbtn" id="NRMB" state="1">N<span class="btntext">RMB<\/span><\/div> <div class="skinbtn" id="othertype" state="1">特殊<\/div> <\/div><br/> <div class="skinbtnbox"> <div class="skinsecall">全选<\/div> <div class="skinclear">清空<\/div> <div class="skinbtn" id="diamond1" state="1" style="width: 120px;">388 ~ 999<span class="btntext">钻石<\/span><\/div> <div class="skinbtn" id="diamond2" state="1" style="width: 120px;">1280 ~ 1699<span class="btntext">钻石<\/span><\/div> <div class="skinbtn" id="diamond3" state="1" style="width: 120px;">1888 ~ 1999<span class="btntext">钻石<\/span><\/div> <div class="skinbtn" id="diamond4" state="1" style="width: 120px;">2180 ~ 2588<span class="btntext">钻石<\/span><\/div>
<\/div><br/>
<div class="skinbtnbox" style="display: none;">
<div class="gfactivebtn skinsecall">全选<\/div>
<div class="gfactivebtn skinclear">清空<\/div>
<div class="gfcheckbtn skinbtn buttonStateOn" id="600change">600<span class="btntext">EX.<\/span><\/div>
<div class="gfcheckbtn skinbtn buttonStateOn" id="200change">200<span class="btntext">EX.<\/span><\/div>
<div class="gfcheckbtn skinbtn buttonStateOn" id="100change">100<span class="btntext">EX.<\/span><\/div>
<div class="gfcheckbtn skinbtn buttonStateOn" id="NRMB">N<span class="btntext">RMB<\/span><\/div>
<div class="gfcheckbtn skinbtn buttonStateOn" id="othertype">特殊<\/div>
<\/div>
<div class="skinbtnbox" style="display: none;">
<div class="gfactivebtn skinsecall">全选<\/div>
<div class="gfactivebtn skinclear">清空<\/div>
<div class="gfcheckbtn skinbtn buttonStateOn" id="diamond1" style="width: 120px;">388 ~ 999<span class="btntext">钻石<\/span><\/div>
<div class="gfcheckbtn skinbtn buttonStateOn" id="diamond2" style="width: 120px;">1188 ~ 1699<span class="btntext">钻石<\/span><\/div>
<div class="gfcheckbtn skinbtn buttonStateOn" id="diamond3" style="width: 120px;">1888 ~ 1999<span class="btntext">钻石<\/span><\/div>
<div class="gfcheckbtn skinbtn buttonStateOn" id="diamond4" style="width: 120px;">2180 ~ 2588<span class="btntext">钻石<\/span><\/div>
<\/div>
<\/div>
$(".suitbtn").click(function(){
});
$(".skinbtn").click(function(){
if($(this).attrhasClass("statebuttonStateOn") == "1"){ $(this).attr("state", "0"); $(this).cssremoveClass({"colorbuttonStateOn":"#eaeaea", "border-style":"dashed", "background-color":"inherit", "padding":"3px 9px", "margin":"5px 1px", "border-width":"1px"}); } else if($(this).attr("state") == "0") { $(this).attr("state", "1"); $(this).css({"color":"black", "border-style":"double", "background-color":"#ceab42", "padding":"2px 8px", "margin":"4px 0px", "border-width":"3px"}); } if($(this).attr("id") == "suitmode" && $(this).attr("state") == "1"){ let allbtn = document.querySelectorAll(".skinbtn"); for(i in allbtn){ if($(allbtn[i]).attr("state") == "0") { $(allbtn[i]).attr("state", "1"); $(allbtn[i]).css({"color":"black", "border-style":"double", "background-color":"#ceab42", "padding":"2px 8px", "margin":"4px 0px", "border-width":"3px"}); } } creat_suit(); creat_anime(); creat_click(); return; } else if($(this).attraddClass("id") != "suitmode" && $("#suitmode").attr("state") == "1") { $("#suitmode").attr("state", "0buttonStateOn"); $("#suitmode").css({"color":"#eaeaea", "border-style":"dashed", "background-color":"inherit", "padding":"3px 9px", "margin":"5px 1px", "border-width":"1px"}); } creat_skinupdate_skin_display(); creat_anime(); creat_click(); }); $("div.skinsecall").mousedown(function(){ $(this).css({"background-color":"#f4c430aa"}); }); $("div.skinsecall").mouseup(function(){ $(this).css({"background-color":"transparent"}); }); $("div.skinclear").mousedown(function(){ $(this).css({"background-color":"#f4c430aa"}); }); $("div.skinclear").mouseup(function(){ $(this).css({"background-color":"transparent"});
});
$("div.skinsecall").click(function(){
let this_element = $(this).parent("div.skinbtnbox").children("div.skinbtn");
});
$("div.skinclear").click(function(){
let this_element = $(this).parent("div.skinbtnbox").children("div.skinbtn");
});
}
function creat_skinupdate_skin_display(){ let _month1_state = $("#month1").attrupdate_suitChoice("state"); let _month2_state = $if("#month2"suitChoice._suitModeFocus_status).attrcreat_suit("stateskinFocus"); let _month3_state = $else if("#month3"suitChoice._suitModeGallery_status).attrcreat_suit("state"); let _month5_state = $else if("#month5"suitChoice._suitModeCard_status).attrcreat_skin("state"); let _month6_state = $else if("#month6"suitChoice._suitModeTheme_status).attrcreat_suit("statesuitOnly"); let _month7_state = $else if("#month7"suitChoice._suitModeText_status).attrcreat_suit("statetextMode"); let _month10_state = $("#month10").attr("state"); let _month12_state = $creat_interact("#month12").attr("state"); let _month0_state = $("#month0").attr("state");}
}
let skinMax = 5 * _br_num50; $(".pageNumberDiv").children().remove(); for(let i = 0; i < Math.ceilcreat_page_change(skinArray.length / , skinMax); i++){ let div_html = `<div class="pageNumber" pageIndex="${i}">${i + 1}<\/div>`; $(".pageNumberDiv").append(div_html); } creat_pageClick();
htmlPageSave = [];
let html_text = ``;
for(let num = 0; num < skinArray.length; num ++){
html_text += creat_card(skinArray[num].suit, skinArray[num].skin);
}
function creat_suit(mode){ let _month1_state = $("#month1").attr("state"); let _month2_state = $("#month2").attr("state"); let _month3_state = $("#month3").attr("state"); let _month5_state = $("#month5").attr("state"); let _month6_state = $("#month6").attr("state"); let _month7_state = $("#month7").attr("state"); let _month10_state = $("#month10").attr("state"); let _month12_state = $("#month12").attr("state"); let _month0_state = $("#month0").attr("state"); let _displaydiv_width = Number($("#displaydiv").width()); let _br_num = Math.floor((_displaydiv_width - 142) / 148) + 1;
let suitArray = [];
for(let i = 0; i < suitElement.length; i++){ if($suit_judge(suitElement[i]).attr("data-routine")){ let routine = $(suitElement[i])suitArray.attr("data-routine"); if(routine == "2" && _month1_state == "0") continue; else if(routine == "1" && _month2_state == "0") continue; else if(routine == "3" && _month3_state == "0") continue; else ifpush(routine == "4" && _month5_state == "0") continue; else if(routine == "5" && _month6_state == "0") continue; else if(routine == "6" && _month7_state == "0") continue; else if(routine == "7" && _month10_state == "0") continue; else if(routine == "8" && _month12_state == "0") continue; else if(routine == "9" && _month0_state == "0") continue; } else { let the_time = Number($(suitElement[i]).attr("data-time")) % 2000; if(the_time >= 100 && the_time <= 200 && _month1_state == "0") continue; else if(the_time >= 200 && the_time <= 300 && _month2_state == "0") continue; else if(the_time >= 300 && the_time <= 400 && _month3_state == "0") continue; else if(the_time >= 500 && the_time <= 600 && _month5_state == "0") continue; else if(the_time >= 600 && the_time <= 700 && _month6_state == "0") continue; else if(the_time >= 700 && the_time <= 800 && _month7_state == "0") continue; else if(the_time >= 1000 && the_time <= 1100 && _month10_state == "0") continue; else if(the_time >= 1200 && the_time <= 1300 && _month12_state == "0") continue; else if(((the_time >= 400 && the_time <= 500) || (the_time >= 800 && the_time <= 1000) || (the_time >= 1100 && the_time <= 1200)) && _month0_state == "0") continue; }
htmlPageSave = [];
for(let num = 0; num < suitArray.length; num++){
let i = suitArray[num];
html_text += `<div class="onesuit"><a class="suitname" href="http://www.gfwiki.org/w/` + $(suitElement[i]).attr("data-suitlink") + `">`;
html_text += `[` + $(suitElement[i]).attr("data-suitname") + `]<span class="suittime">`;
html_text += $(suitElement[i]).attr("data-time").slice(0, 4) + `年`;
for(let j = 0 ; j < 12; j++){
}
html_text += `<\/div>`;
}
function creat_card(i, j, mode){
let bcard_class = "cardgrey";
switch($(suitElement[i]).attr("data-bcard" + String(j))){
default : bcard_class = "cardgrey";
}
let bcard_text = $(suitElement[i]).attr("data-bcard" + String(j));
if(Number(bcard_text) == 0) bcard_text = "×";
let item_class = "itemgrey";
}
let card_text = `<div class="oneskin ` + ((mode == "skinFocus") ? "skinfocus" : bcard_class ) + `">`; if(!(mode == "textMode")) card_text += `<div class="skinpicndiv" data-pica="${$(suitElement[i]).attr("data-pica" + String(j))}" data-picb="${$(suitElement[i]).attr("data-picb" + String(j))}">`; if(!(mode == "textMode")) card_text += `<img class="skinpicn" src="` + $(suitElement[i]).attr("data-picn" + String(j)).replace(/ /g,"_") + `" /><\/div>`; card_text += `<div class="skintext"> <div class="skindolllink" data-dollname="${$(suitElement[i]).attr("data-doll" + String(j))}"> <div class="skindoll">` + $(suitElement[i]).attr("data-doll" + String(j)) + `<\/div> <div class="skinname">` + $(suitElement[i]).attr("data-name" + String(j)) + `<\/div> <\/div>`; if(!(mode == "skinFocus")) card_text += `<div class="skinbcard">` + $(suitElement[i]).attr("data-bcard" + String(j)) bcard_text + `<\/div> ` + gain_text + ` <div class="skinitem ` + item_class + `">` + item_text + `<\/div>`; ` if(!(mode == "textMode")) card_text + = ((anime_text) ? `<div class="skinanime">` + anime_text + `<\/div>` : ``) ; card_text + = ` <\/div> <\/div>`;
return card_text;
}
function creat_animecreat_card_text(i, j){ let bcard_text = $('.oneskin'suitElement[i]).mouseoverattr(function"data-bcard" + String(j)); let card_text = `<div class="skindolllink skinTextOnly" data-dollname="${ $(thissuitElement[i]).childrenattr("data-doll" + String(j))}">`; card_text += `<div.skinpicndivclass="skindoll").stop>` + $(suitElement[i]).animateattr({"widthdata-doll": "240px"}, 300+ String(j); })+ `<\/div>`; card_text += `<div class="skinname">` + $('.oneskin'suitElement[i]).mouseoutattr("data-name" + String(functionj)) + `<\/div>`; card_text += `${(bcard_text == "0")? "X" : bcard_text}黑卡 ${ $(thissuitElement[i]).childrenattr("div.skinpicndivdata-gain"+ String(j).stop)}${$(suitElement[i]).animateattr({"width": "120pxdata-item"+ String(j))}, 300)`; }) card_text += `<\/div>`; return card_text
}
function creat_clickcreat_interact(){
$('.skinpicndiv').click(function(){
$("#skinalbumpic").hide();
var img = new Image();
$(img).load(function(){ $("#skinalbumpic").fadeIn(200);});
$(img).attr({"src": $(this).attr("data-pica").replace(/ /g, "_")});
$("#skinalbum").fadeIn(300);
$("#skinalbumpic").attr("data-pica", $(this).attr("data-pica").replace(/ /g, "_")); $("#skinalbumpic").attr("data-picb", $(this).attr("data-picb").replace(/ /g, "_")); $("#skinalbumpic").attr("src", $(this).attr("data-pica").replace(/ /g, "_"));
$("#skinalbumpic").attr("state", "a");
});
$(".skindolllink").click(function(){
let doll_link = "http://www.gfwiki.org/w/" + $(this).attr("data-dollname");
window.open(doll_link);
});
if(the_width > 1024) the_width = 1024;
let album_width = String(the_width - 60) + "px"; let pic_width = String(the_width - 80) + "px";
console.log(album_width, pic_width);
$("#skinalbum").attr("the_width", the_width);
$("#skinalbum").css({ "width":album_width, "height":album_width, "left":(String((window.innerWidth - the_width + 58)/2) + "px"), "top":(String((window.innerHeight - the_width + 58)/2) + "px") });
$("#skinalbumpic").css({"width":pic_width, "height":pic_width});
}
function creat_pageClickcreat_page_change(len, max){ $(".pageNumberDiv").children().remove(); for(let i = 0; i < Math.ceil(len / max); i++){ let div_html = `<div class="pageNumber" pageIndex="${i}">${i + 1}<\/div>`; $(".pageNumberDiv").append(div_html); }
$(".pageNumber").click(function(){
let num = Number($(this).attr("pageIndex")) + 1;
setTimeout(function(){
$("#displaydiv").html(htmlPageSave[num - 1]);
$("#displaydiv").stop().fadeIn(200);
}, 190);
}
dragFn ("#skinalbum","body");
})
</script></includeonly>