打开主菜单

少前百科GFwiki β

更改

Widget:EDplayer/CDCoverTest

添加1,752字节，2023年7月25日 (二) 20:47
补充 EDsongs[8]
<includeonly><style type="text/css">
.record-container {
display: inline-block;
overflow: hidden;
width: 350px;
height: 350px;
position: relative;
border-radius: 10px;
}
.record {
position: absolute;
left: 0px;
top: 0px;
width: 350px;
height: 350px;
border-radius: 50%;
background: linear-gradient(30deg, transparent 40%, rgba(42, 41, 40, .85) 40%) no-repeat 100% 0, linear-gradient(60deg, rgba(42, 41, 40, .85) 60%, transparent 60%) no-repeat 0 100%, repeating-radial-gradient(#2a2928, #2a2928 4px, #ada9a0 5px, #2a2928 6px);
background-size: 50% 100%, 100% 50%, 100% 100%;
}
.record:after {
position: absolute;
top: 50%; left: 50%;
margin: -35px;
border: solid 1px #d9a388;
width: 68px; height: 68px;
border-radius: 50%;
box-shadow: 0 0 0 4px #da5b33,
inset 0 0 0 27px #da5b33;
background: #b5ac9a;
content: '';
}
 
 
 
 
 
div.EDLIST {
user-select: none;
.CDspin{
animation-name: spin;
animation-duration: 4000ms40000ms;
animation-iteration-count: infinite;
animation-timing-function: linear;
</style>
<table class="stattable" style="width:1100px; text-align:center;"><tr><th colspan="4">ED PLAYER</th></tr>
<tr><td style="text-align:center; width:300px; vertical-align:top;overflow-y:scroll">
<div style="user-select:none; width:305px; padding:5px; font-weight: bold;">◊ 乐曲列表 ◊</div><hr style="background-color:black;"/>
<div class="EDLIST">music1</div><hr style="background-color:black;"/>
<div class="EDLIST">music4</div><hr style="background-color:black;"/>
<div class="EDLIST">music5</div><hr style="background-color:black;"/>
<div class="EDLIST">music6</div><hr style="background-color:black;"/>
<div class="EDLIST">music7</div><hr style="background-color:black;"/>
<div class="EDLIST">music8</div><hr style="background-color:black;"/>
<div class="EDLIST">music9</div><hr style="background-color:black;"/>
<div class="EDLIST">music10</div><hr style="background-color:black;"/>
</td><td id="EDCG" colspan="3" style="text-align:center; vertical-align:middle; height:450px;">
<div id="EDNAME" style="color:#eaeaea; font-weight:lighter; font-size:large;"></div><br><div id='EDCOVER' class='record-container'> <div class='record' ></div></div></td></tr>
<tr><td style="width:300px; font-size:large; height:40px;"><div>
<div id="EDBACK" class="EDBTN" style="float:left; margin:0px 1px;">⋘</div>
/* ED名称 */
var EDnames = new Array(EDlist.length + 1);
EDnames[0] = "塌缩点 - What am I Fighting for";EDnames[1] = "异构体 - シラカバの光";EDnames[2] = "裂变链接 - Connexion";EDnames[3] = "偏振光 - Polaris";EDnames[4] = "双联乱数 - Rainfall";EDnames[5] = "镜像论 - A Moment of My Nightmare";EDnames[6] = "熵减焓增 - Schicksal";EDnames[7] = "静风点 - Solar Sea";EDnames[8] = "纵向应变 - Twilight";EDnames[9] = "慢休克 - Anna";
for(var i=0; i<EDlist.length; i++)EDlist[i].innerHTML = EDnames[i];
/* ED地址 */
var EDsongs = new Array(EDlist.length + 1);
EDsongs[0] = "http://www.gfwiki.org/images/4/47/GF_Song.wav";EDsongs[1] = "http://www.gfwiki.org/images/1/13/GF_MAP_EX_8_4_1.mp3";EDsongs[2] = "http://www.gfwiki.org/images/8/82/M_19summer_song.wav";EDsongs[3] = "http:/images/e/eb/wwwM_20winter_end.gfwikiwav";EDsongs[4] = "/images/4/47/GF_EV9_ED_1.orgwav";EDsongs[5] = "/images/e6/eb6f/M_20winter_endGF_21winter_song.wav";EDsongs[46] = "http:/images/d/d4/wwwGF_21summer_song.gfwikimp3";EDsongs[7] = "/images/3/3c/%E9%9D%99%E9%A3%8E%E7%82%B9_Solar_Sea.orgmp3";EDsongs[8] = "/images/45/4751/GF_EV9_ED_1GF_2022_Summer_ED.wav";EDsongs[9] = "/images/5/58/BGM_23S_ED.mp3";
/* ED配图地址 */
var EDpics = new Array(EDlist.length + 1);
EDpics[0] = "http://www.gfwiki.org/images/4/49/ED_PIC_%E5%9D%8D%E7%BC%A9%E7%82%B9.png";EDpics[1] = "http://www.gfwiki.org/images/8/8a/ED_PIC_%E5%BC%82%E6%9E%84%E4%BD%93.jpg";EDpics[2] = "http://www.gfwiki.org/images/4/42/ED_PIC_%E8%A3%82%E5%8F%98%E9%93%BE%E6%8E%A5.jpg";EDpics[3] = "http://www.gfwiki.org/images/4/43/ED_PIC_%E5%81%8F%E6%8C%AF%E5%85%89.jpg";EDpics[4] = "http://www.gfwiki.org/images/f/f0/ED_PIC_%E5%8F%8C%E8%81%94%E4%B9%B1%E6%95%B0.png";EDpics[5] = "/images/c/c6/ED_PIC_%E9%95%9C%E5%83%8F%E8%AE%BA.png";EDpics[6] = "/images/9/9b/ED_PIC_%E7%86%B5%E5%87%8F%E7%84%93%E5%A2%9E.png";EDpics[7] = "/images/6/60/ED_PIC_%E9%9D%99%E9%A3%8E%E7%82%B9.png";EDsongs[8] = "/images/f/f2/Login_20220915.png";
var EDnow = new Audio;
var EDcg = new Image;
EDcg.style.width cssText = "width:300px";EDcg.style.height = ":300px;border-radius:300px";EDcg.style.object-fit:cover;z-index: 10;position: relative;padding = "20px": 25px;EDcg.style.borderRadius = "300px"margin: auto;EDcg.style.objectFit = "cover";document.querySelector("#EDCGEDCOVER").appendChild(EDcg);
/* 首次加载 */
function EDselect(element){
EDlast = EDnow.getAttribute("number");
 
for(var i=0; i<EDlist.length; i++){
EDlist[i].style.backgroundColor = "inherit";
element.style.backgroundColor = "#f4c430";
element.style.color = "black";
EDnow.setAttribute("number", Number(element.getAttribute("index")));
EDnow.setAttribute("src", EDsongs[Number(element.getAttribute("index"))]);
EDnow.currentTime = 0;
EDnow.play();documentEDcg.querySelector("#EDCG")parentNode.classList.add('CDspin');documentEDcg.querySelector("#EDCG")parentNode.classList.remove('CDpause');
document.querySelector("#EDNAME").innerHTML = EDnames[Number(element.getAttribute("index"))];
EDstop.setAttribute("status", "start");
EDstop.innerHTML = "∥";
EDnow.play();documentEDcg.querySelector("#EDCG")parentNode.classList.add('CDspin');documentEDcg.querySelector("#EDCG")parentNode.classList.remove('CDpause')
} else{
EDstop.setAttribute("status", "stop");
EDstop.innerHTML = "▷";
EDnow.pause();documentEDcg.querySelector("#EDCG")parentNode.classList.add('CDpause')
}
}
document.querySelector("#EDRE").addEventListener("click", function(){EDreplay();});
function EDreplay(){
EDnow.pause();documentvar recap = EDcg.querySelectorcloneNode("#EDCG"true);EDcg.classListparentNode.removereplaceChild('CDspin'recap,EDcg);EDcg=recap;
EDnow.currentTime = 0;
EDnow.play();documentEDcg.querySelector("#EDCG")parentNode.classList.add('CDspin');documentEDcg.querySelector("#EDCG")parentNode.classList.remove('CDpause')
}
取自“https://www.gfwiki.org/w/特殊:移动版差异/57894...113970”