打开主菜单

少前百科GFwiki β

更改

Widget:SkinQuery/js

添加1,417字节，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 suitChoice = {}
 
creat_select();
creat_suitupdate_suitChoice();creat_animecreat_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="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 ~ 998<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>
  <table class="pageControl"><tr><td class="pagePrev">◀ PREV<\/td><td class="pageNumberDiv"><\/td><td class="pageNext">NEXT ▶<\/td><\/tr><\/table> <div id="displaydiv"><\/div> <table class="pageControl"><tr><td class="pagePrev">◀ PREV<\/td><td class="pageNumberDiv"><\/td><td class="pageNext">NEXT ▶<\/td><\/tr><\/table>`;
$("#mw-content-text").append(html_text);
$(".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":"1pxbuttonStateOn"}); } 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($("#suitmode").attraddClass("state") == "1buttonStateOn") creat_suit(); else creat_skin(); creat_anime(); creat_clickupdate_skin_display();
});
$(".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");
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"); ifupdate_skin_display(); });  $(".pagePrev").click(function(next_element) for{ let pageLength = $(".pageNumber").length / 2; let i num = Number($($(".pageChosen")[0]).attr("pageIndex")); i < next_element if(num > 0) $("[pageIndex='" + String(num - 1) + "']").lengthclick(); i else $("[pageIndex='" +String(pageLength - 1) + "']").click(); }); $(".pageNext").click(function(){ let pageLength = $(".pageNumber") if.length / 2; let num = Number($($(next_element".pageChosen")[i0]).attr("statepageIndex") ); if(num < pageLength - 1) $("[pageIndex== '" + String(num + 1) + "']").click(); else $(next_element"[ipageIndex='0']").click();
});
}
function creat_skinupdate_skin_display(){ let _month1_state = $("#month1").attrupdate_suitChoice("state"); let _month2_state = $if("#month2")suitChoice.attr("state"_suitModeFocus_status); let _month3_state = $("#month3").attrcreat_suit("stateskinFocus"); let _month5_state = $else if("#month5")suitChoice.attr("state"_suitModeGallery_status); let _month6_state = $creat_suit("#month6").attr("state"); let _month7_state = $else if("#month7")suitChoice.attr("state"_suitModeCard_status); let _month10_state = $creat_skin("#month10").attr("state"); let _month12_state = $else if("#month12")suitChoice.attr("state"_suitModeTheme_status); let _month0_state = $("#month0").attr("state");  let _live2d_state = $("#live2d").attr("state"); let _animated_state = $("#animated").attr("state"); let _normal_state = $("#normal").attrcreat_suit("statesuitOnly"); let _3card_state = $else if("#3card")suitChoice.attr("state"_suitModeText_status); let _5card_state = $("#5card").attr("state"); let _8card_state = $("#8card").attr("state"); let _600change_state = $("#600change").attr("state"); let _200change_state = $("#200change").attr("state"); let _100change_state = $("#100change").attr("state"); let _NRMB_state = $("#NRMB").attr("state"); let _othertype_state = $("#othertype").attr("state");  let _diamond1_state = $("#diamond1").attr("state"); let _diamond2_state = $("#diamond2").attr("state"); let _diamond3_state = $("#diamond3").attr("state"); let _diamond4_state = $("#diamond4").attrcreat_suit("statetextMode");
let _displaydiv_width = Number($("#displaydiv").width());
let _br_num = (_displaydiv_width / 150) - 2;
let count = -1creat_interact(); let html_text = ``;}
function suit_judge(i){ let year_pass = false; for(let i routine_pass = 0false; let routine = $(suitElement[i < suitElement]).lengthattr("data-routine"); let year = $(suitElement[i++]){.attr("data-time").slice(0, 4);
if($(suitElement[i]).attr("data-routine")){ let routine = $(suitElement[i]).attr("data-routine"); if(routine == "正月2" && _month1_state =suitChoice._typeJp_status) routine_pass = "0") continuetrue; else if(routine == "春节1" && _month2_state =suitChoice._typeSpring_status) routine_pass = "0") continuetrue; else if(routine == "婚纱3" && _month3_state =suitChoice._typeWedding_status) routine_pass = "0") continuetrue; else if(routine == "周年庆4" && _month5_state =suitChoice._typeAnniversary_status) routine_pass = "0") continuetrue; else if(routine == "儿童节5" && _month6_state suitChoice._typeChild_status) routine_pass == "0") continuetrue; else if(routine == "泳装6" && _month7_state suitChoice._typeSwim_status) routine_pass == "0") continuetrue; else if(routine == "万圣节7" && _month10_state == "0"suitChoice._typeHallo_status) continue; else if(routine == "圣诞节" && _month12_state routine_pass == "0") continuetrue; else if(routine == "其他8" && _month0_state == "0") continue; } else { let the_time = Number($(suitElement[i])suitChoice.attr("data-time")_typeXmas_status) % 2000; if(the_time >= 100 && the_time <routine_pass = 200 && _month1_state == "0") continuetrue; else if(the_time >= 200 && the_time <= 300 && _month2_state routine == "09") continue; else if(the_time >= 300 && the_time <= 400 && _month3_state == "0"suitChoice._typeOther_status) continue; else if(the_time >= 500 && the_time <= 600 && _month5_state =routine_pass = "0") continuetrue; else if(the_time >= 600 && the_time <= 700 && _month6_state routine == "011") continue; else if(the_time >= 700 && the_time <= 800 && _month7_state == "0"suitChoice._typeCollaborate_status) continue; else if(the_time >= 1000 && the_time <= 1100 && _month10_state =routine_pass = "0") continuetrue; else if(the_time >= 1200 && the_time <= 1300 && _month12_state routine == "0") continue; else if(((the_time >= 400 && the_time <= 500) || (the_time >= 800 && the_time <= 1000suitChoice._typeSpecial_status) || (the_time >= 1100 && the_time <routine_pass = 1200)) && _month0_state == "0") continuetrue; }
for if(let j year = 0 = 2016 && suitChoice._year2016_status) year_pass = true; j < 12 else if(year == 2017 && suitChoice._year2017_status) year_pass = true; j++ else if(year == 2018 && suitChoice._year2018_status){year_pass = true; else if(!$year == 2019 && suitChoice._year2019_status) year_pass = true; else if(suitElement[i]year == 2020 && suitChoice._year2020_status)year_pass = true; else if(year == 2021 && suitChoice.attr_year2021_status) year_pass = true; else if("data-num" + Stringyear == 2022 && suitChoice._year2022_status) year_pass = true; else if(jyear == 2023 && suitChoice._year2023_status)year_pass = true; else if(year == 2024 && suitChoice._year2024_status)) continueyear_pass = true;
let this_anime = $(suitElement[i]).attr("data-anime" + String(j)); if(!this_anime) this_anime = "Normal"; if(this_anime == "Live2D" year_pass && _live2d_state == "0"routine_pass) continue;return true if(this_anime == "Animated" && _animated_state == "0") continue; else return false if(this_anime == "Normal" && _normal_state == "0") continue;}
function skin_judge(i, j){ let this_card anime_pass = false; let this_anime = $(suitElement[i]).attr("data-bcardanime" + String(j)); if(this_card =!this_anime) this_anime = "3Normal" && _3card_state ; if(this_anime == "0Live2D"&& suitChoice._live2d_status) continueanime_pass = true; else if(this_card this_anime == "5Animated" && _5card_state suitChoice._animated_status) anime_pass == "0") continuetrue; else if(this_card this_anime == "8Normal" && _8card_state suitChoice._normal_status) anime_pass == "0"true; if(!anime_pass) continue;return false
let this_type card_pass = $(suitElement[i]).attr("data-gain" + String(j))false; let this_item this_card = $(suitElement[i]).attr("data-itembcard" + String(j)); if(this_type this_card == "采购3" && this_item == "600" && _600change_state == "0"suitChoice._3card_status) continue; if(this_type == "采购" && this_item == "200" && _200change_state =card_pass = "0") continuetrue; else if(this_type this_card == "采购5" && this_item == "100" && _100change_state == "0"suitChoice._5card_status) continue; if(this_type card_pass == "RMB" && _NRMB_state == "0") continuetrue; else if(this_type this_card == "其他8" && _othertype_state == "0"suitChoice._8card_status) continue; this_item card_pass = Number(this_item)true; else if(this_type == "钻石" && Number(this_item) >= 388 && Number(this_item) <= 998 && _diamond1_state this_card == "0") continue; if(this_type == "钻石" && Number(this_itemsuitChoice._xcard_status) >= 1280 && Number(this_item) <= 1699 && _diamond2_state =card_pass = "0") continuetrue; if(this_type == "钻石" && Number(this_item) >= 1888 && Number(this_item) <= 1999 && _diamond3_state == "0") continue; if(this_type == "钻石" && Number(this_item) >= 2180 && Number(this_item!card_pass) <= 2588 && _diamond4_state == "0") continue;return false
count let gain_pass = false; 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" && suitChoice._600change_status) gain_pass = true; else if(this_type == "采购" && this_item == "200" && suitChoice._200change_status) gain_pass = true; else if(count this_type == "采购" && this_item == "100" && suitChoice._100change_status) gain_pass = true; else if(this_type == "RMB" && suitChoice._NRMB_status) gain_pass = true; else if(this_type == "其他" && suitChoice._othertype_status) gain_pass = true; this_item = Number(this_item); if(this_type == "钻石" && Number(this_item) >= _br_num388 && Number(this_item){<= 999 && suitChoice._diamond1_status) gain_pass = true; html_text + else if(this_type == "钻石" && Number(this_item) >= `1188 && Number(this_item) <br/= 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; count else if(this_type == "钻石" && Number(this_item) >= 02180 && Number(this_item) <= 2588 && suitChoice._diamond4_status) gain_pass = true; }
let bcard_class = "cardgrey"; switch($(suitElement[i]).attr("data-bcard" + String if(j)gain_pass)){ case "3" : bcard_class = "cardblue"; break; case "5" : bcard_class = "cardgreen"; break; case "8" : bcard_class = "cardorange"; break;return true default : bcard_class = "cardgrey"; else return false }
function creat_skin(){ let item_class skinArray = "itemgrey"[]; for(let gain_text i = `0; i <div class="skingain `suitElement.length;i++){ switch if($!suit_judge(suitElement[i]).attr) continue; for("data-gain" let j = 0 ; j < 12; j+ String+) if(skin_judge(i, j)))skinArray.push({               case "采购" 'suit': gain_text += `itemwhite">兑换券<\/div>`; item_class = "itemwhite"; break; case "钻石" i, 'skin': gain_text += `itemblue">钻石<\/div>`; item_class = "itemblue"; break; case "RMB" : gain_text += `itemred">RMB<\/div>`; item_class = "itemred"; break; case "其他" : gain_text += `itemgrey">其他<\/div>`; item_class = "itemgrey"; break; default : gain_text += `itemgrey">error<\/div>`j}); }
let anime_text skinMax = ""50; switch creat_page_change($(suitElement[i])skinArray.attr("data-anime" + String(jlength, skinMax))){ case "Live2D" : anime_text = `Live2D`; break; case "Animated" : anime_text = `Animated`; break; default : anime_text = ""; break; }  html_text += `<div class="oneskin ` + bcard_class + `"> <div class="skinpicndiv" data-pica="${$(suitElement[i]).attr("data-pica" + String(j))}" data-picb="${$(suitElement[i]).attr("data-picb" + String(j))}"> <img class="skinpicn" src="` + $(suitElement[i]).attr("data-picn" + String(j)) + `" /><\/div> <div class="skintext"> <div class="skindolllink"> <div class="skindoll">` + $(suitElement[i]).attr("data-doll" + String(j)) + `<\/div> <div class="skinname">` + $(suitElement[i]).attr("data-name" + String(j)) + `<\/div> <\/div> <div class="skinbcard">` + $(suitElement[i]).attr("data-bcard" + String(j)) + `<\/div> ` + gain_text + ` <div class="skinitem ` + item_class + `">` + $(suitElement[i]).attr("data-item" + String(j)) + `<\/div> ` + ((anime_text) ? `<div class="skinanime">` + anime_text + `<\/div>` : ``) + ` <\/div> <\/div>`;
htmlPageSave = [];
let html_text = ``;
for(let num = 0; num < skinArray.length; num ++){
html_text += creat_card(skinArray[num].suit, skinArray[num].skin);
if(num % skinMax == skinMax - 1){
htmlPageSave.push(html_text);
html_text = ``;
} else if(num == skinArray.length - 1){
htmlPageSave.push(html_text);
}
}
if(htmlPageSave.length) $($(".pageNumber")[0]).click(); else $("#displaydiv").html(html_text"");
}
function creat_suit(mode){ let _month1_state suitArray = $("#month1").attr("state")[]; for(let _month2_state i = $("#month2").attr("state")0; let _month3_state = $("#month3")i < suitElement.attr("state")length; let _month5_state = $("#month5"i++).attr("state"); let _month6_state = $if("#month6").attrsuit_judge("state"i); let _month7_state = $("#month7")suitArray.attrpush("state"i); let _month10_state = $("#month10").attr("state"); let _month12_state suitMax = $("#month12").attr("state")8; let _month0_state = $creat_page_change("#month0")suitArray.attr("state"length, suitMax);
htmlPageSave = [];
var html_text = ``;
for(let i num = 0; i num < suitElementsuitArray.length; inum++){ if($(suitElement[i]).attr("data-routine")){ let routine = $(suitElement[i]).attr("data-routine"); if(routine == "正月" && _month1_state == "0") continue; else if(routine == "春节" && _month2_state == "0") continue; else if(routine == "婚纱" && _month3_state == "0") continue; else if(routine == "周年庆" && _month5_state == "0") continue; else if(routine == "儿童节" && _month6_state == "0") continue; else if(routine == "泳装" && _month7_state == "0") continue; else if(routine == "万圣节" && _month10_state == "0") continue; else if(routine == "圣诞节" && _month12_state == "0") continue; else if(routine == "其他" && _month0_state == "0") continue; } else { let the_time = Number($(suitElementsuitArray[inum]).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; }  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(!$(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>`;  if(num % suitMax == suitMax - 1){ htmlPageSave.push(html_text); html_text = ``; } else if(num == suitArray.length - 1){ htmlPageSave.push(html_text); } }  if(htmlPageSave.length) $($(".pageNumber")[0]).click(); else $("#displaydiv").html("");} function creat_card(i, j, mode){ let bcard_class = "cardgrey"; switch($(suitElement[i]).attr("data-bcard" + String(j))){ case "3" : bcard_class = "cardblue"; break; case "5" : bcard_class = "cardgreen"; break; case "8" : bcard_class = "cardorange"; break; default : bcard_class = "cardgrey"; } let bcard_text = $(suitElement[i]).attr("data-bcard" + String(j));   if(Number(bcard_text) == 0) bcard_text = "×";
let bcard_class item_class = "cardgreyitemgrey"; let gain_text = `<div class="skingain `; let item_text = $(suitElement[i]).attr("data-item" + String(j)); switch($(suitElement[i]).attr("data-bcardgain" + String(j))){ case "3采购" : bcard_class gain_text += `itemwhite">兑换券<\/div>`; item_class = "cardblueitemwhite"; break; case "5钻石" : bcard_class gain_text += `itemblue">钻石<\/div>`; item_class = "cardgreenitemblue"; break; case "8RMB" : bcard_class gain_text += `itemred">RMB<\/div>`; item_class = "cardorangeitemred"; break; case "其他" : gain_text += `itemgrey">其他<\/div>`; item_class = "itemgrey"; break; default : bcard_class gain_text += `itemgrey"cardgrey">error<\/div>`; }
let item_class anime_text = "itemgrey"; let gain_text = `<div class="skingain `; let item_text = $(suitElement[i]).attr("data-item" + String(j)); switch($(suitElement[i]).attr("data-gainanime" + String(j))){ case "采购Live2D" : gain_text +anime_text = `itemwhite">兑换券<\/div>Live2D`; item_class = "itemwhite"; break; case "钻石Animated" : gain_text +anime_text = `itemblue">钻石<\/div>Animated`; item_class = "itemblue"; break; case "RMB" default : gain_text += `itemred">RMB<\/div>`; item_class anime_text = "itemred"; break; case "其他" : gain_text += `itemgrey">其他<\/div>`; item_class = "itemgrey"; item_text = `<div style="color: transparent; height: 26px;"><\/div>`; break; default : gain_text += `itemgrey">error<\/div>`; }
let anime_text card_text = `<div class= "oneskin ` + ((mode == "skinFocus") ? "skinfocus" : bcard_class) + `">`; switch if(!(mode == "textMode")) card_text += `<div class="skinpicndiv" data-pica="${$(suitElement[i]).attr("data-animepica" + String(j))}" data-picb="${$(suitElement[i]){ case .attr("Live2Ddata-picb" : anime_text = + String(j))}">`Live2D`; break; case   if(!(mode == "AnimatedtextMode" : anime_text )) card_text += `Animated<img class="skinpicn" src="`; break; default : anime_text = + $(suitElement[i]).attr("data-picn" + String(j)).replace(/ /g,"_") + `"/><\/div>`; break; }
html_text card_text += `<div class="oneskin ` + bcard_class + `"> <div class="skinpicndiv" data-pica="${$(suitElement[i]).attr("data-pica" + String(j))}" data-picb="${$(suitElement[i]).attr("data-picb" + String(j))}"> <img class="skinpicn" src="` + $(suitElement[i]).attr("data-picn" + String(j)) + `" /><\/div> <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> <div class="skinbcard">` + $(suitElement[i]).attr("data-bcard" + String(j)) + `<\/div> ` + gain_text + ` <div class="skinitem ` + item_class + `">` + item_text + `<\/div> ` + ((anime_text) ? `<div class="skinanime">` + anime_text + `<\/div>` : ``) + ` <\/div>
<\/div>`;
}
html_text += `<\/div>`;
}
$if(!(mode == "skinFocus")) card_text += `<div class="skinbcard">` + bcard_text + `<\/div>` + gain_text + `<div class="skinitem ` + item_class + `">` + item_text + `<\/div>`; if(!(mode == "#displaydivtextMode").html) card_text += ((html_textanime_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);
$("#mw-content-textbody").append(html_text);
$("#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_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;
 
$(".pageNumber").removeClass("pageChosen");
$("[pageIndex='" + String(num - 1) + "']").addClass("pageChosen");
 
$("#displaydiv").stop().fadeOut(200);
setTimeout(function(){
$("#displaydiv").html(htmlPageSave[num - 1]);
creat_interact();
$("#displaydiv").stop().fadeIn(200);
}, 190);
});
}
 
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 = $("#600change").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("buttonStateOn");
}
 
 
dragFn ("#skinalbum","body");
})
</script></includeonly>
取自“https://www.gfwiki.org/w/特殊:移动版差异/79740...118006”