打开主菜单
少前百科GFwiki
β
搜索
查看“Widget:SkinQuery/js”的源代码
←
Widget:SkinQuery/js
因为以下原因,您没有权限编辑本页:
您所请求的操作仅限于该用户组的用户使用:
自动确认用户
您没有权限编辑
Widget
名字空间内的页面。
您可以查看与复制此页面的源代码。
<includeonly><script type="text/javascript">(window.RLQ=window.RLQ||[]).push(function(){ var suitElement = document.querySelectorAll('.suitdata'); creat_select(); creat_suit(); creat_anime(); creat_click(); function creat_select(){ var html_text = ` <div class="skinbtnbox"> <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> <div class="skinbtnbox"> <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> <div class="skinbtnbox"><div class="skinbtn" id="allsuit" state="1">显示全部</div></div><br/> <div class="skinbtnbox"> <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> <div class="skinbtnbox"> <div class="skinbtn" id="998diamond" state="1">998<span class="btntext">钻石</span></div> <div class="skinbtn" id="1288diamond" state="1">1288<span class="btntext">钻石</span></div> <div class="skinbtn" id="1888diamond" state="1">1888<span class="btntext">钻石</span></div> <div class="skinbtn" id="1998diamond" state="1">1998<span class="btntext">钻石</span></div> <div class="skinbtn" id="2588diamond" state="1">2588<span class="btntext">钻石</span></div> </div> <div class="skinbtnbox"><div class="skinbtn" id="NRMB" state="1">N<span class="btntext">RMB</span></div></div> <div class="skinbtnbox"><div class="skinbtn" id="othertype" state="1">其他</div></div> <div id="displaydiv"></div>`; $("#mw-content-text").append(html_text); $(".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") == "allsuit" && $(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") != "allsuit" && $("#allsuit").attr("state") == "1") { $("#allsuit").attr("state", "0"); $("#allsuit").css({"color":"#eaeaea", "border-style":"dashed", "background-color":"inherit", "padding":"3px 9px", "margin":"5px 1px", "border-width":"1px"}); } creat_skin(); creat_anime(); creat_click(); }); } function creat_skin(){ 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 _600change_state = $("#600change").attr("state"); let _200change_state = $("#200change").attr("state"); let _100change_state = $("#100change").attr("state"); let _998diamond_state = $("#998diamond").attr("state"); let _1288diamond_state = $("#1288diamond").attr("state"); let _1888diamond_state = $("#1888diamond").attr("state"); let _1998diamond_state = $("#1998diamond").attr("state"); let _2588diamond_state = $("#2588diamond").attr("state"); let _NRMB_state = $("#NRMB").attr("state"); let _othertype_state = $("#othertype").attr("state"); let count = 0; let html_text = ``; for(let i = 0; i < suitElement.length; i++){ 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; 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 == "钻石" && this_item == "998" && _998diamond_state == "0") continue; if(this_type == "钻石" && this_item == "1288" && _1288diamond_state == "0") continue; if(this_type == "钻石" && this_item == "1888" && _1888diamond_state == "0") continue; if(this_type == "钻石" && this_item == "1998" && _1998diamond_state == "0") continue; if(this_type == "钻石" && this_item == "2588" && _2588diamond_state == "0") continue; if(this_type == "RMB" && _NRMB_state == "0") continue; if(this_type == "其他" && _othertype_state == "0") continue; if(count % 8 == 0) html_text += `<br/>`; 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 `; 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; } html_text += `<div class="oneskin ` + bcard_class + `"> <div class="skinpicndiv" data-dollname="` + $(suitElement[i]).attr("data-doll" + String(j)) + `"> <img class="skinpicn" src="` + $(suitElement[i]).attr("data-picn" + String(j)) + `" /></div> <div class="skintext"> <div class="skindoll">` + $(suitElement[i]).attr("data-doll" + String(j)) + `</div> <div class="skinname">` + $(suitElement[i]).attr("data-name" + String(j)) + `</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>`; count ++; } } $("#displaydiv").html(html_text); } function creat_suit(){ var html_text = ``; for(let i = 0; i < suitElement.length; i++){ 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") + `]</a>`; for(let j = 0 ; j < 12; j++){ if(!$(suitElement[i]).attr("data-num" + String(j))) continue; 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"; item_text = `<span style="color:transparent">|</span>`; 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; } html_text += `<div class="oneskin ` + bcard_class + `"> <div class="skinpicndiv" data-dollname="` + $(suitElement[i]).attr("data-doll" + String(j)) + `"> <img class="skinpicn" src="` + $(suitElement[i]).attr("data-picn" + String(j)) + `" /></div> <div class="skintext"> <div class="skindoll">` + $(suitElement[i]).attr("data-doll" + String(j)) + `</div> <div class="skinname">` + $(suitElement[i]).attr("data-name" + String(j)) + `</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>`; } $("#displaydiv").html(html_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(){ let doll_link = "http://www.gfwiki.org/w/" + $(this).attr("data-dollname"); window.open(doll_link); }); } }) </script></includeonly>
返回至
Widget:SkinQuery/js
。