打开主菜单
少前百科GFwiki
β
搜索
查看“Widget:SkinQuery/js”的源代码
←
Widget:SkinQuery/js
因为以下原因,您没有权限编辑本页:
您所请求的操作仅限于该用户组的用户使用:
自动确认用户
您没有权限编辑
Widget
名字空间内的页面。
您可以查看与复制此页面的源代码。
<includeonly><script type="text/javascript">(window.RLQ=window.RLQ||[]).push(function(){ var suitElement = document.querySelectorAll('.suitdata'); var htmlPageSave = []; // for page 1, 2, 3…… creat_select(); creat_suit(); creat_anime(); creat_click(); creat_album(); function creat_select(){ var html_text = ` <div class="skinselectbox"> <div class="skinbtnbox"> <div class="skinbtn" id="suitmode" state="1">主题模式<\/div> <\/div><br/> <div class="skinbtnbox"> <div class="skinsecall">全选<\/div> <div class="skinclear">清空<\/div> <div class="suitbtn" id="month1" state="1">正月<\/div> <div class="suitbtn" id="month2" state="1">春节<\/div> <div class="suitbtn" id="month3" state="1">婚纱<\/div> <div class="suitbtn" id="month5" state="1">周年庆<\/div> <div class="suitbtn" id="month6" state="1">儿童节<\/div> <div class="suitbtn" id="month7" state="1">泳装<\/div> <div class="suitbtn" id="month10" state="1">万圣节<\/div> <div class="suitbtn" id="month12" state="1">圣诞节<\/div> <div class="suitbtn" id="month0" state="1">其他<\/div> <\/div><br/> <div class="skinbtnbox"> <div class="skinsecall">全选<\/div> <div class="skinclear">清空<\/div> <div class="skinbtn" id="live2d" state="1">Live2D<\/div> <div class="skinbtn" id="animated" state="1">Animated<\/div> <div class="skinbtn" id="normal" state="1">Normal<\/div> <\/div><br/> <div class="skinbtnbox"> <div class="skinsecall">全选<\/div> <div class="skinclear">清空<\/div> <div class="skinbtn" id="3card" state="1">3<span class="btntext">黑卡<\/span><\/div> <div class="skinbtn" id="5card" state="1">5<span class="btntext">黑卡<\/span><\/div> <div class="skinbtn" id="8card" state="1">8<span class="btntext">黑卡<\/span><\/div> <div class="skinbtn" 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> <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", "0"); $(this).css({"color":"#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($("#suitmode").attr("state") == "1") creat_suit(); else creat_skin(); creat_anime(); creat_click(); }); $(".skinbtn").click(function(){ if($(this).attr("state") == "1"){ $(this).attr("state", "0"); $(this).css({"color":"#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).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_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]).attr("state") == 0) $(this_element[i]).click(); if(next_element) for(let i = 0; i < next_element.length; i ++ ) if($(next_element[i]).attr("state") == 0) $(next_element[i]).click(); }); $("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]).attr("state") == 1) $(this_element[i]).click(); if(next_element) for(let i = 0; i < next_element.length; i ++ ) if($(next_element[i]).attr("state") == 1) $(next_element[i]).click(); }); $(".pagePrev").click(function(){ let pageLength = $(".pageNumber").length / 2; let num = Number($($(".pageChosen")[0]).attr("pageIndex")); if(num > 0) $("[pageIndex='" + String(num - 1) + "']").click(); else $("[pageIndex='" + String(pageLength - 1) + "']").click(); }); $(".pageNext").click(function(){ let pageLength = $(".pageNumber").length / 2; let num = Number($($(".pageChosen")[0]).attr("pageIndex")); if(num < pageLength - 1) $("[pageIndex='" + String(num + 1) + "']").click(); else $("[pageIndex='0']").click(); }); } function creat_skin(){ 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 _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").attr("state"); let _8card_state = $("#8card").attr("state"); let _xcard_state = $("#xcard").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").attr("state"); let _displaydiv_width = Number($("#displaydiv").width()); let _br_num = Math.floor((_displaydiv_width - 120) / 148); let skinArray = []; for(let i = 0; i < suitElement.length; i++){ 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($(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; } for(let j = 0 ; j < 12; j++){ if(!$(suitElement[i]).attr("data-num" + String(j))) continue; let this_anime = $(suitElement[i]).attr("data-anime" + String(j)); if(!this_anime) this_anime = "Normal"; if(this_anime == "Live2D" && _live2d_state == "0") continue; if(this_anime == "Animated" && _animated_state == "0") continue; if(this_anime == "Normal" && _normal_state == "0") continue; let this_card = $(suitElement[i]).attr("data-bcard" + String(j)); if(this_card == "3" && _3card_state == "0") continue; if(this_card == "5" && _5card_state == "0") continue; if(this_card == "8" && _8card_state == "0") continue; if(this_card == "0" && _xcard_state == "0") continue; 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) >= 1280 && Number(this_item) <= 1699 && _diamond2_state == "0") continue; 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) <= 2588 && _diamond4_state == "0") continue; skinArray.push({'suit':i, 'skin':j}); } } let skinMax = 5 * _br_num; $(".pageNumberDiv").children().remove(); for(let i = 0; i < Math.ceil(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); 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(""); } function creat_suit(){ 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); let suitArray = []; for(let i = 0; i < suitElement.length; i++){ 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($(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; } suitArray.push(i); } let suitMax = 7; $(".pageNumberDiv").children().remove(); for(let i = 0; i < Math.ceil(suitArray.length / suitMax); i++){ let div_html = `<div class="pageNumber" pageIndex="${i}">${i + 1}<\/div>`; $(".pageNumberDiv").append(div_html); } creat_pageClick(); htmlPageSave = []; var html_text = ``; 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) + `年`; html_text += $(suitElement[i]).attr("data-time").slice(4, 6) + `月`; html_text += $(suitElement[i]).attr("data-time").slice(6, 8) + `日<\/span><\/a>`; 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))) continue; html_text += creat_card(i, j); } 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){ 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 item_class = "itemgrey"; let gain_text = `<div class="skingain `; let item_text = $(suitElement[i]).attr("data-item" + String(j)); switch($(suitElement[i]).attr("data-gain" + String(j))){ case "采购" : gain_text += `itemwhite">兑换券<\/div>`; item_class = "itemwhite"; break; case "钻石" : 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>`; } let anime_text = ""; switch($(suitElement[i]).attr("data-anime" + String(j))){ case "Live2D" : anime_text = `Live2D`; break; case "Animated" : anime_text = `Animated`; break; default : anime_text = ""; break; } let 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>`; return card_text; } function creat_anime(){ $('.oneskin').mouseover(function(){ $(this).children("div.skinpicndiv").stop().animate({"width": "240px"}, 300); }); $('.oneskin').mouseout(function(){ $(this).children("div.skinpicndiv").stop().animate({"width": "120px"}, 300); }); } function creat_click(){ $('.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); }); } function creat_album(){ let html_text = `<div id="skinalbum"> <img id="skinalbumpic" src="" state="a" \/> <div class="skinalbumbtn" id="skinalbumswitch">⇵<\/div> <div class="skinalbumbtn" id="skinalbumclose">×<\/div> <\/div>`; let the_width = 1024; if(window.innerHeight > window.innerWidth) the_width = window.innerWidth; else the_width = window.innerHeight; if(the_width > 1024) the_width = 1024; album_width = String(the_width - 60) + "px"; pic_width = String(the_width - 80) + "px"; console.log(album_width, pic_width); $("#mw-content-text").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}); $("#skinalbumswitch").click(function(){ $("#skinalbumpic").fadeOut(200); setTimeout(function(){ var img = new Image(); $(img).load(function(){ $("#skinalbumpic").fadeIn(200);}); if($("#skinalbumpic").attr("state") == "a"){ $(img).attr({"src": $("#skinalbumpic").attr("data-picb")}); $("#skinalbumpic").attr("src", $("#skinalbumpic").attr("data-picb")); $("#skinalbumpic").attr("state", "b"); } else { $(img).attr({"src": $("#skinalbumpic").attr("data-pica")}); $("#skinalbumpic").attr("src", $("#skinalbumpic").attr("data-pica")); $("#skinalbumpic").attr("state", "a"); } }, 200); }); $("#skinalbumclose").click(function(){ $("#skinalbum").fadeOut(300); }); } function creat_pageClick(){ $(".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_anime(); creat_click(); $("#displaydiv").stop().fadeIn(200); }, 190); }); } }) </script></includeonly>
返回至
Widget:SkinQuery/js
。