15,038
个编辑
◆少前百科是非盈利性、非官方的少女前线维基百科。 ◆如果您发现某些内容错误/空缺,请勇于修正/添加!参与进来其实很容易!点这里 加入少前百科。 ◆有任何意见、建议、纠错,欢迎在 GFwiki:反馈与建议 提出和讨论。编辑事务讨论QQ群:597764980,微博@GFwiki少前百科 ◆To foreigners,You can use twitter to contact us. |
更改
无编辑摘要
<includeonly><script type="text/javascript">(window.RLQ=window.RLQ||[]).push(function(){
var htmlPageSave = []; // for page 1, 2, 3……
var suitElement = document.querySelectorAll('.suitdata');
var suitChoice = {}
creat_select();
update_suitChoice();creat_suit("skinFocus")creat_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;creat_anime } if (t < 0){ t = 0;creat_click } 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 skinbtn buttonStateOn" id="suit2019">2019年<\/div> <div class="gfcheckbtn skinbtn buttonStateOn" id="suit2020">2020年<\/div> <div class="gfcheckbtn skinbtn buttonStateOn" id="suit2021">2021年<\/div> <div class="gfcheckbtn skinbtnbuttonStateOn" id="allsuitsuit2022" state>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="gfcheckbtn skinbtn buttonStateOn" id="typeJp">正月<\/div> <div class="gfcheckbtn skinbtn buttonStateOn" id="typeSpring">春节<\/div> <div class="gfcheckbtn skinbtn buttonStateOn" id="typeWedding">婚纱<\/div> <div class="gfcheckbtn skinbtn buttonStateOn" id="typeAnniversary">周年庆<\/div> <div class="gfcheckbtn skinbtnbuttonStateOn" id="live2dtypeChild">儿童节<\/div> <div class="gfcheckbtn skinbtn buttonStateOn" stateid="1typeSwim">Live2D泳装<\/div> <div class="gfcheckbtn skinbtnbuttonStateOn" id="animatedtypeHallo" state>万圣节<\/div> <div class="1gfcheckbtn skinbtn buttonStateOn" id="typeXmas">Animated圣诞节<\/div> <div class="gfcheckbtn skinbtnbuttonStateOn" id="normaltypeCollaborate">联动<\/div> <div class="gfcheckbtn skinbtn buttonStateOn" stateid="1typeSpecial">Normal特典<\/div> <div class="gfcheckbtn skinbtn buttonStateOn" id="typeOther">其他<\/div> <\/div><br/>
<div class="skinbtnbox">
<div class="skinbtn" id="3card" state="1gfactivebtn skinsecall">3全选<\/div> <span div class="btntextgfactivebtn skinclear">黑卡<\/span>清空<\/div> <div class="gfcheckbtn skinbtnbuttonStateOn" id="5card" state="1live2d">5<span class="btntext">黑卡<\/span>Live2D<\/div> <div class="gfcheckbtn skinbtnbuttonStateOn" id="8card" state="1animated">8<span class="btntext">黑卡<\/span>Anime<\/div> <div class="gfcheckbtn skinbtnbuttonStateOn" id="xcard" state="1"><span class="btntextnormal">特殊<\/span>Normal<\/div>
<\/div><br/>
<div class="skinbtnbox">
<div class="gfactivebtn skinsecall">全选<\/div> <div class="gfactivebtn skinclear">清空<\/div> <div class="gfcheckbtn skinbtn buttonStateOn" id="3card">3<span class="btntext">黑卡<\/span><\/div> <div class="gfcheckbtn skinbtnbuttonStateOn" id="600change5card">5<span class="btntext">黑卡<\/span><\/div> <div class="gfcheckbtn skinbtn buttonStateOn" id="8card">8<span class="btntext">黑卡<\/span><\/div> <div class="gfcheckbtn skinbtn buttonStateOn" stateid="1xcard">600<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 skinbtnbuttonStateOn" id="200change600change">600<span class="btntext">EX.<\/span><\/div> <div class="gfcheckbtn skinbtn buttonStateOn" stateid="1200change">200<span class="btntext">兑换券EX.<\/span><\/div> <div class="gfcheckbtn skinbtnbuttonStateOn" id="100change" state>100<span class="1btntext">100EX.<\/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="skinbtn" id="998diamond" state="1gfactivebtn skinsecall">998全选<\/div> <span div class="btntextgfactivebtn skinclear">钻石<\/span>清空<\/div> <div class="gfcheckbtn skinbtnbuttonStateOn" id="1288diamonddiamond1" statestyle="1width: 120px;">1288388 ~ 999<span class="btntext">钻石<\/span><\/div> <div class="gfcheckbtn skinbtnbuttonStateOn" id="1888diamonddiamond2" statestyle="1width: 120px;">18881188 ~ 1699<span class="btntext">钻石<\/span><\/div> <div class="gfcheckbtn skinbtnbuttonStateOn" id="1998diamonddiamond3" statestyle="1width: 120px;">19981888 ~ 1999<span class="btntext">钻石<\/span><\/div> <div class="gfcheckbtn skinbtnbuttonStateOn" id="2588diamonddiamond4" statestyle="1width: 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(){
$(".suitbtn").removeClass("buttonStateOn");
$(this).addClass("buttonStateOn");
update_skin_display();
});
$(".skinbtn").click(function(){
if($(this).attrhasClass("statebuttonStateOn") == "1"){ $(this).attrremoveClass("state", "0buttonStateOn"); else $(this).cssaddClass({"color":"#eaeaea", "border-style":"dashed", "background-color":"inherit", "padding":"3px 9px", "margin":"5px 1px", buttonStateOn"border-width":"1px"}); } else if($(this).attr("state") == "0") { $update_skin_display(this).attr("state", "1"); $(this).css({"color":"black", "border-style":"double", "background-color":"#ceab42", "padding":"2px 8px", "margin":"4px 0px", "border-width":"3px" }); }
$(".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(){ creat_skinlet pageLength = $(".pageNumber").length / 2; creat_animelet num = Number($($(".pageChosen")[0]).attr("pageIndex")); creat_clickif(num < pageLength - 1) $("[pageIndex='" + String(num + 1) + "']").click(); else $("[pageIndex='0']").click();
});
}
function creat_skinupdate_skin_display(){ let _live2d_state = $update_suitChoice("#live2d").attr("state"); let _animated_state = $if("#animated")suitChoice.attr("state"); let _normal_state = $("#normal"_suitModeFocus_status).attrcreat_suit("stateskinFocus"); let _3card_state = $else if("#3card")suitChoice.attr("state"_suitModeGallery_status); let _5card_state = $creat_suit("#5card").attr("state"); let _8card_state = $else if("#8card")suitChoice.attr("state"_suitModeCard_status); let _600change_state = $("#600change").attr("state"); let _200change_state = $("#200change").attr("state"); let _100change_state = $creat_skin("#100change").attr("state"); let _998diamond_state = $else if("#998diamond")suitChoice.attr("state"); let _1288diamond_state = $("#1288diamond"_suitModeTheme_status).attrcreat_suit("statesuitOnly"); let _1888diamond_state = $else if("#1888diamond")suitChoice.attr("state"_suitModeText_status); let _1998diamond_state = $creat_suit("#1998diamond").attr("statetextMode"); let _2588diamond_state = $("#2588diamond").attr("state"); let _NRMB_state = $("#NRMB").attr("state"); let _othertype_state = $("#othertype").attr("state");
creat_interact();} function suit_judge(i){ let year_pass = false; let count routine_pass = 0false; let routine = $(suitElement[i]).attr("data-routine"); let html_text year = ``$(suitElement[i]).attr("data-time").slice(0, 4);
}
}
if(htmlPageSave.length) $($(".pageNumber")[0]).click(); else $("#displaydiv").html(html_text"");
}
function creat_suit(mode){ let suitArray = []; for(let i = 0; i < suitElement.length; i++) if(suit_judge(i)) suitArray.push(i); let suitMax = 8; creat_page_change(suitArray.length, suitMax); htmlPageSave = [];
var html_text = ``;
for(let i num = 0; i num < suitElementsuitArray.length; inum++){ 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(!$(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); } }
<\/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_card_text(i, j){ let bcard_text = $(suitElement[i]).attr("#displaydivdata-bcard"+ String(j)); let card_text = `<div class="skindolllink skinTextOnly" data-dollname="${$(suitElement[i]).htmlattr(html_text"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_animecreat_interact(){ $('.oneskinskinpicndiv').mouseoverclick(function(){ $(this"#skinalbumpic").hide(); var img = new Image(); $(img).childrenload(function(){ $("div.skinpicndiv#skinalbumpic").stopfadeIn(200);}); $(img).animateattr({"widthsrc": $(this).attr("data-pica").replace(/ /g,"240px_")}); $("#skinalbum").fadeIn(300); $("#skinalbumpic").attr("data-pica", 300$(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");
});
$('".oneskin'skindolllink").mouseoutclick(function(){ let doll_link = "/w/" + $(this).childrenattr("div.skinpicndivdata-dollname"); window.stop().animateopen({"width": "120px"}, 300doll_link);
});
}
function creat_clickcreat_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.skinpicndiv'innerWidth)the_width = window.innerWidth; else the_width = window.clickinnerHeight; if(functionthe_width > 1024) the_width = 1024; let album_width = String(the_width - 60){+ "px"; let doll_link pic_width = String(the_width - 80) + "http://wwwpx"; console.gfwikilog(album_width, pic_width); $("body").org/w/" + append(html_text); $(this"#skinalbum").attr("data-dollnamethe_width", the_width); $("#skinalbum").css({ "width":album_width, "height":album_width, "left":(String((window.openinnerWidth - the_width + 58)/2) + "px"), "top":(doll_linkString((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_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>