◆少前百科是非盈利性、非官方的少女前线维基百科。
◆如果您发现某些内容错误/空缺，请勇于修正/添加！参与进来其实很容易！点这里 加入少前百科。
◆有任何意见、建议、纠错，欢迎在 GFwiki:反馈与建议 提出和讨论。编辑事务讨论QQ群：597764980，微博@GFwiki少前百科
◆To foreigners，You can use twitter to contact us. 		Icon Nyto Silver.png

更改

跳转至： 导航、 搜索

Widget:SkinQuery/js

添加1,570字节，2024年4月12日 (星期五)
无编辑摘要
<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();
update_suitChoice();creat_suit("skinFocus");creat_clickcreat_interact();
creat_album();
function dragFn (dragObj,parent) {
$(dragObj).mousedown(function (e) { var _this = $(this);
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) {
var l = e.clientX - dragX; var t = e.clientY - dragY; if (l < 0) { l = 0; } else if (l > parent_w - drag_w) { l = parent_w - drag_w; } if (t < 0) { t = 0; } else if (t > parent_h - drag_h) { t = parent_h - drag_h; } _this.css({ left: l + 'px', top: t + 'px', });
})
}); $(document).mouseup(function () {
$(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="typeJp" state="1">正月<\/div> <div class="suitbtngfcheckbtn skinbtn buttonStateOn" id="typeSpring" state="1">春节<\/div> <div class="suitbtngfcheckbtn skinbtn buttonStateOn" id="typeWedding" state="1">婚纱<\/div> <div class="suitbtngfcheckbtn skinbtn buttonStateOn" id="typeAnniversary" state="1">周年庆<\/div> <div class="suitbtngfcheckbtn skinbtn buttonStateOn" id="typeChild" state="1">儿童节<\/div> <div class="suitbtngfcheckbtn skinbtn buttonStateOn" id="typeSwim" state="1">泳装<\/div> <div class="suitbtngfcheckbtn skinbtn buttonStateOn" id="typeHallo" state="1">万圣节<\/div> <div class="suitbtngfcheckbtn skinbtn buttonStateOn" id="typeXmas" state="1">圣诞节<\/div> <div class="suitbtngfcheckbtn skinbtn buttonStateOn" id="typeCollaborate" state="1">联动<\/div> <div class="suitbtngfcheckbtn skinbtn buttonStateOn" id="typeSpecial" state="1">特典<\/div> <div class="suitbtngfcheckbtn skinbtn buttonStateOn" id="typeOther" state="1">其他<\/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;">1188 ~ 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(){
if($(this).attr("state") == "1"){ $(this).attr("state", "0suitbtn"); $(this).cssremoveClass({"color":"#eaeaea", "border-style":"dashed", "background-color":"inherit", "padding":"3px 9px", "margin":"5px 1px", "border-width":buttonStateOn"1px"}); } else if($(this).attraddClass("state") == "0buttonStateOn") { $(this).attr("state", "1"); $(this).css({"color":"black", "border-style":"double", "background-color":"#ceab42", "padding":"2px 8px", "margin":"4px 0px", "border-width":"3px"}); }  if($("#suitmode").attr("state") == "1") creat_suit(); else creat_skin(); creat_clickupdate_skin_display();
});
$(".skinbtn").click(function(){
if($(this).attrhasClass("statebuttonStateOn") == "1"){ $(this).attrremoveClass("state", "0"); $(this).css({"color":"#eaeaea", "border-style":"dashed", "background-color":"inherit", "paddingbuttonStateOn":"3px 9px", "margin":"5px 1px", "border-width":"1px"}); } else if($(this).attraddClass("state") == "0") { $(this).attr("state", "1buttonStateOn"); $(this).css({"color":"black", "border-style":"double", "background-color":"#ceab42", "padding":"2px 8px", "margin":"4px 0px", "border-width":"3px"}); }  if($(this).attrupdate_skin_display("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_click(); return; } else if($(this).attr("id") != "suitmode" && $("#suitmode").attr("state") == "1") { $("#suitmode").attr("state", "0"); $("#suitmode").css({"color":"#eaeaea", "border-style":"dashed", "background-color":"inherit", "padding":"3px 9px", "margin":"5px 1px", "border-width":"1px"}); }  creat_skin(); 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");
let next_element = $(this).parent("div.skinbtnbox").children("div.suitbtn"); if(this_element) for(let i = 0; i < this_element.length; i ++ ) if(!$(this_element[i]).attrhasClass("statebuttonStateOn") == 0) $(this_element[i]).clickaddClass("buttonStateOn"); if(next_element) for(let i = 0; i < next_element.length; i ++ ) if($(next_element[i]).attr("state") == 0) $(next_element[i]).clickupdate_skin_display();
});
$("div.skinclear").click(function(){
let this_element = $(this).parent("div.skinbtnbox").children("div.skinbtn");
let next_element = $(this).parent("div.skinbtnbox").children("div.suitbtn"); if(this_element) for(let i = 0; i < this_element.length; i ++ ) if($(this_element[i]).attrhasClass("statebuttonStateOn") == 1) $(this_element[i]).clickremoveClass("buttonStateOn"); if(next_element) for(let i = 0; i < next_element.length; i ++ ) if($(next_element[i]).attr("state") == 1) $(next_element[i]).clickupdate_skin_display();
});
}
function creat_skinupdate_skin_display(){ let _typeJp_state = $update_suitChoice("#typeJp").attr("state"); let _typeSpring_state = $if("#typeSpring"suitChoice._suitModeFocus_status).attrcreat_suit("stateskinFocus"); let _typeWedding_state = $else if("#typeWedding"suitChoice._suitModeGallery_status).attrcreat_suit("state"); let _typeAnniversary_state = $else if("#typeAnniversary"suitChoice._suitModeCard_status).attrcreat_skin("state"); let _typeChild_state = $else if("#typeChild"suitChoice._suitModeTheme_status).attrcreat_suit("statesuitOnly"); let _typeSwim_state = $else if("#typeSwim")suitChoice.attr("state"); let _typeHallo_state = $("#typeHallo"_suitModeText_status).attrcreat_suit("statetextMode"); let _typeXmas_state = $("#typeXmas").attr("state"); let _typeCollaborate_state = $("#typeCollaborate").attr("state"); let _typeSpecial_state = $("#typeSpecial").attrcreat_interact("state"); let _typeOther_state = $("#typeOther").attr("state");}
let _live2d_state = $("#live2d").attr("state"); let _animated_state = $("#animated").attr("state"); let _normal_state = $("#normal").attr("state"); let _3card_state = $("#3card").attr("state"); let _5card_state = $("#5card").attrfunction suit_judge("state"i);{ let _8card_state year_pass = $("#8card").attr("state"); let _xcard_state = $("#xcard").attr("state"); let _600change_state = $("#600change").attr("state")false; let _200change_state routine_pass = $("#200change").attr("state")false; let _100change_state routine = $("#100change"suitElement[i]).attr("statedata-routine"); let _NRMB_state year = $("#NRMB"suitElement[i]).attr("state"); let _othertype_state = $("#othertypedata-time").attrslice("state"0, 4);
let _diamond1_state if(routine == "2" && suitChoice._typeJp_status) routine_pass = $true; else if(routine == "#diamond11"&& suitChoice._typeSpring_status)routine_pass = true; else if(routine == "3" && suitChoice.attr_typeWedding_status) routine_pass = true; else if(routine == "state4"&& suitChoice._typeAnniversary_status)routine_pass = true; let _diamond2_state else if(routine == "5" && suitChoice._typeChild_status) routine_pass = $true; else if(routine == "#diamond26"&& suitChoice._typeSwim_status).attrroutine_pass = true; else if(routine == "state7"&& suitChoice._typeHallo_status)routine_pass = true; let _diamond3_state else if(routine == $("#diamond38"&& suitChoice._typeXmas_status).attrroutine_pass = true; else if(routine == "state9"&& suitChoice._typeOther_status)routine_pass = true; let _diamond4_state else if(routine == $("#diamond411"&& suitChoice._typeCollaborate_status).attrroutine_pass = true; else if(routine == "state0"&& suitChoice._typeSpecial_status)routine_pass = true;
let _displaydiv_width if(year == 2016 && suitChoice._year2016_status) year_pass = Numbertrue; else if($year == 2017 && suitChoice._year2017_status) year_pass = true; else if("#displaydiv"year == 2018 && suitChoice._year2018_status)year_pass = true; else if(year == 2019 && suitChoice.width_year2019_status) year_pass = true; else if(year == 2020 && suitChoice._year2020_status))year_pass = true; let _br_num else if(year = Math= 2021 && suitChoice.floor((_displaydiv_width - 120) / 148_year2021_status)year_pass = true; else if(year == 2022 && suitChoice._year2022_status) year_pass = true; let skinArray else if(year == 2023 && suitChoice._year2023_status) year_pass = []true; forelse if(let i year == 0; i < suitElement2024 && suitChoice.length_year2024_status) year_pass = true; i++){
let routine = $(suitElement[i]).attr("data-routine"); if(routine == "2" && _typeJp_state == "0") continue; else if(routine == "1" && _typeSpring_state == "0") continue; else if(routine == "3" && _typeWedding_state == "0") continue; else if(routine == "4" && _typeAnniversary_state == "0") continue; else if(routine == "5" && _typeChild_state == "0") continue; else if(routine == "6" && _typeSwim_state == "0") continue; else if(routine == "7" && _typeHallo_state == "0") continue; else if(routine == "8" year_pass && _typeXmas_state == "0"routine_pass) continue;return true else if(routine == "9" && _typeOther_state == "0") continue; else if(routine == "11" && _typeCollaborate_state == "0") continue;return false else if(routine == "0" && _typeSpecial_state == "0") continue;}
forfunction skin_judge(i, j){ let j anime_pass = 0 ; j < 12false; j++){ if(! let this_anime = $(suitElement[i]).attr("data-numanime" + String(j)); if(!this_anime) this_anime = "Normal"; if(this_anime == "Live2D" && suitChoice._live2d_status) anime_pass = true; else if(this_anime == "Animated" && suitChoice._animated_status) anime_pass = true; else if(this_anime == "Normal" && suitChoice._normal_status) continueanime_pass = true; if(!anime_pass) return false
let this_anime card_pass = false; let this_card = $(suitElement[i]).attr("data-animebcard" + String(j)); if(!this_anime) this_anime this_card == "Normal3"&& suitChoice._3card_status) card_pass = true; else if(this_anime this_card == "Live2D5" && _live2d_state =suitChoice._5card_status) card_pass = "0") continuetrue; else if(this_anime this_card == "Animated8" && _animated_state suitChoice._8card_status) card_pass == "0") continuetrue; else if(this_anime this_card == "Normal0" && _normal_state suitChoice._xcard_status) card_pass == "0"true; if(!card_pass) continue;return false
let this_card gain_pass = false; let this_type = $(suitElement[i]).attr("data-gain" + String(j)); let this_item = $(suitElement[i]).attr("data-bcarditem" + String(j)); if(this_card this_type == "3采购" && _3card_state this_item == "0600"&& suitChoice._600change_status) continuegain_pass = true; else if(this_card this_type == "5采购" && _5card_state this_item == "0200"&& suitChoice._200change_status) continuegain_pass = true; else if(this_card this_type == "8采购" && _8card_state this_item == "0100"&& suitChoice._100change_status) continuegain_pass = true; else if(this_card this_type == "0RMB" && _xcard_state suitChoice._NRMB_status) gain_pass = true; else if(this_type == "0其他"&& suitChoice._othertype_status) continuegain_pass = true; this_item = Number(this_item); if(this_type == "钻石" && Number(this_item) >= 388 && Number(this_item) <= 999 && suitChoice._diamond1_status) gain_pass = true; else if(this_type == "钻石" && Number(this_item) >= 1188 && Number(this_item) <= 1699 && suitChoice._diamond2_status) gain_pass = true; else if(this_type == "钻石" && Number(this_item) >= 1888 && Number(this_item) <= 1999 && suitChoice._diamond3_status) gain_pass = true; else if(this_type == "钻石" && Number(this_item) >= 2180 && Number(this_item) <= 2588 && suitChoice._diamond4_status) gain_pass = true;
let this_type = $(suitElement[i]).attr("data-gain" + String(j)); let this_item = $(suitElement[i]).attr("data-item" + String(j)); if(this_type == "采购" && this_item == "600" && _600change_state == "0") continue; if(this_type == "采购" && this_item == "200" && _200change_state == "0") continue; if(this_type == "采购" && this_item == "100" && _100change_state == "0") continue; if(this_type == "RMB" && _NRMB_state == "0") continue; if(this_type == "其他" && _othertype_state == "0") continue; this_item = Number(this_item); if(this_type == "钻石" && Number(this_item) >= 388 && Number(this_item) <= 999 && _diamond1_state == "0") continue; if(this_type == "钻石" && Number(this_item) >= 1188 && Number(this_item) <= 1699 && _diamond2_state == "0"gain_pass) continue;return true if(this_type == "钻石" && Number(this_item) >= 1888 && Number(this_item) <= 1999 && _diamond3_state == "0") continue; else return false if(this_type == "钻石" && Number(this_item) >= 2180 && Number(this_item) <= 2588 && _diamond4_state == "0") continue;}
function creat_skin(){ let skinArray = []; for(let i = 0; i < suitElement.length; i++){ if(!suit_judge(i)) continue; for(let j = 0 ; j < 12; j++) if(skin_judge(i, j)) skinArray.push({'suit':i, 'skin':j}); }
}
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 ++){
if((num % _br_num) == 0 && num != 0) html_text += `<br\/>`;
html_text += creat_card(skinArray[num].suit, skinArray[num].skin);
}
function creat_suit(mode){ let _typeJp_state = $("#typeJp").attr("state"); let _typeSpring_state = $("#typeSpring").attr("state"); let _typeWedding_state = $("#typeWedding").attr("state"); let _typeAnniversary_state = $("#typeAnniversary").attr("state"); let _typeChild_state = $("#typeChild").attr("state"); let _typeSwim_state = $("#typeSwim").attr("state"); let _typeHallo_state = $("#typeHallo").attr("state"); let _typeXmas_state = $("#typeXmas").attr("state"); let _typeCollaborate_state = $("#typeCollaborate").attr("state"); let _typeSpecial_state = $("#typeSpecial").attr("state"); let _typeOther_state = $("#typeOther").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++){ let routine = $(suitElement[i]).attr("data-routine"); if(routine == "2" && _typeJp_state == "0") continue; else ifsuit_judge(routine == "1" && _typeSpring_state == "0"i) continue; else if(routine == "3" && _typeWedding_state == "0") continue; else ifsuitArray.push(routine == "4" && _typeAnniversary_state == "0") continue; else if(routine == "5" && _typeChild_state == "0") continue; else if(routine == "6" && _typeSwim_state == "0") continue; else if(routine == "7" && _typeHallo_state == "0") continue; else if(routine == "8" && _typeXmas_state == "0") continue; else if(routine == "9" && _typeOther_state == "0") continue; else if(routine == "11" && _typeCollaborate_state == "0") continue; else if(routine == "0" && _typeSpecial_state == "0"i) continue;
suitArray.push(i); }  let suitMax = 7; $(".pageNumberDiv").children().remove()8; for(let i = 0; i < Math.ceilcreat_page_change(suitArray.length / , suitMax); i++){ let div_html = `<div class="pageNumber" pageIndex="${i}">${i + 1}<\/div>`; $(".pageNumberDiv").append(div_html); } creat_pageClick();
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++){
if((j % _br_num) == 0 && j != 0) html_text += `<br\/>`; if(!$(suitElement[i]).attr("data-num" + String(j)) || (mode == "suitOnly") || !skin_judge(i, j)) continue; if(mode == "textMode") html_text += creat_card_text(i, j); else html_text += creat_card(i, j, mode);
}
html_text += `<\/div>`;
}
function creat_card(i, j, mode){
let bcard_class = "cardgrey";
switch($(suitElement[i]).attr("data-bcard" + String(j))){
}
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">` + 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_clickcreat_card_text(i, j){ let bcard_text = $(suitElement[i]).attr("data-bcard" + String(j)); let card_text = `<div class="skindolllink skinTextOnly" data-dollname="${$(suitElement[i]).attr("data-doll" + String(j))}">`; card_text += `<div class="skindoll">` + $(suitElement[i]).attr("data-doll" + String(j)) + `<\/div>`; card_text += `<div class="skinname">` + $(suitElement[i]).attr("data-name" + String(j)) + `<\/div>`; card_text += `${(bcard_text == "0") ? "X" : bcard_text}黑卡 ${$(suitElement[i]).attr("data-gain" + String(j))}${$(suitElement[i]).attr("data-item" + String(j))}`;   card_text += `<\/div>`;   return card_text} function creat_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]);
creat_clickcreat_interact();
$("#displaydiv").stop().fadeIn(200);
}, 190);
}
dragFn function update_suitChoice(){ suitChoice._suitModeFocus_status = $("#suitModeFocus").hasClass("buttonStateOn"); suitChoice._suitModeGallery_status = $("#suitModeGallery").hasClass("buttonStateOn"); suitChoice._suitModeCard_status = $("#suitModeCard").hasClass("buttonStateOn"); suitChoice._suitModeTheme_status = $("#suitModeTheme").hasClass("buttonStateOn"); suitChoice._suitModeText_status = $("#suitModeText").hasClass("buttonStateOn");  suitChoice._year2016_status = $("#suit2016").hasClass("buttonStateOn"); suitChoice._year2017_status = $("#suit2017").hasClass("buttonStateOn"); suitChoice._year2018_status = $("#suit2018").hasClass("buttonStateOn"); suitChoice._year2019_status = $("#suit2019").hasClass("buttonStateOn"); suitChoice._year2020_status = $("#suit2020").hasClass("buttonStateOn"); suitChoice._year2021_status = $("#suit2021").hasClass("buttonStateOn"); suitChoice._year2022_status = $("#suit2022").hasClass("buttonStateOn"); suitChoice._year2023_status = $("#suit2023").hasClass("buttonStateOn"); suitChoice._year2024_status = $("#suit2024").hasClass("buttonStateOn");  suitChoice._typeJp_status = $("#typeJp").hasClass("buttonStateOn"); suitChoice._typeSpring_status = $("#typeSpring").hasClass("buttonStateOn"); suitChoice._typeWedding_status = $("#typeWedding").hasClass("buttonStateOn"); suitChoice._typeAnniversary_status = $("#typeAnniversary").hasClass("buttonStateOn"); suitChoice._typeChild_status = $("#typeChild").hasClass("buttonStateOn"); suitChoice._typeSwim_status = $("#typeSwim").hasClass("buttonStateOn"); suitChoice._typeHallo_status = $("#typeHallo").hasClass("buttonStateOn"); suitChoice._typeXmas_status = $("#typeXmas").hasClass("buttonStateOn"); suitChoice._typeCollaborate_status = $("#typeCollaborate").hasClass("buttonStateOn"); suitChoice._typeSpecial_status = $("#typeSpecial").hasClass("buttonStateOn"); suitChoice._typeOther_status = $("#typeOther").hasClass("buttonStateOn");  suitChoice._live2d_status = $("#live2d").hasClass("buttonStateOn"); suitChoice._animated_status = $("#animated").hasClass("buttonStateOn"); suitChoice._normal_status = $("#normal").hasClass("buttonStateOn");  suitChoice._3card_status = $("#3card").hasClass("buttonStateOn"); suitChoice._5card_status = $("#5card").hasClass("buttonStateOn"); suitChoice._8card_status = $("#8card").hasClass("buttonStateOn"); suitChoice._xcard_status = $("#xcard").hasClass("buttonStateOn");  suitChoice._100change_status = $("#100change").hasClass("buttonStateOn"); suitChoice._200change_status = $("#200change").hasClass("buttonStateOn"); suitChoice._600change_status = $("#skinalbum600change",).hasClass("buttonStateOn"); suitChoice._NRMB_status = $("#NRMB").hasClass("buttonStateOn"); suitChoice._othertype_status = $("#othertype").hasClass("buttonStateOn"); suitChoice._diamond1_status = $("#diamond1").hasClass("buttonStateOn"); suitChoice._diamond2_status = $("#diamond2").hasClass("buttonStateOn"); suitChoice._diamond3_status = $("#diamond3").hasClass("buttonStateOn"); suitChoice._diamond4_status = $("#diamond4").hasClass("bodybuttonStateOn");} 
dragFn ("#skinalbum","body");
})
</script></includeonly>
取自“https://www.gfwiki.org/w/特殊:移动版差异/81700...118006”

导航菜单