Widget:Mainpage

<script type="text/javascript"> randomImg=Math.random() MPMeta={ "width":0, "height":0, "block":[4,2,1,3,5], "already":[], "default":{ "dark":"#000000", "light":"#696969", "block":[ ["https://patchwiki.biligame.com/images/kmg/3/3a/dbwzvr4e6iinnd9pa0rhjdz544fcimh.png","CtOS",function(){ window.location.href="CtOS" }, { "img":{ "backgroundPosition":"center", } }, {

}, {

} ], ["https://patchwiki.biligame.com/images/kmg/4/42/arxv7to4zy2fvak4a99r7aax1gbenjf.jpg","看门狗",function(){ window.location.href="看门狗专区" }, { "img":{ "backgroundSize":"cover", } }, {

}, {

} ], ["https://patchwiki.biligame.com/images/kmg/thumb/3/39/5udflsz9dpnx02fuz6d6b3wu68usf0t.png/180px-%E8%83%8C%E6%99%AF.png.jpeg","首页",function(){ window.location.href="WATGH_DOGS" }, { "img":{ "backgroundSize":"cover", }

}, {

}, { } ], ["https://patchwiki.biligame.com/images/kmg/f/fb/r3dz2ij9p50xwm07sbfs0s2uoqwd0iv.jpg","看门狗2",function(){ window.location.href="看门狗2专区" }, { "img":{ "backgroundSize":"cover", } }, {

}, {

} ], ["https://patchwiki.biligame.com/images/kmg/5/53/1alid6jwjjz5vgsykx9ajg7gqpvhx9h.jpg","看门狗：军团",function(){ window.location.href="看门狗：军团专区" }, { "img":{ "backgroundSize":"cover", } }, {

}, {

} ], ], }, } try{ MPMaterial } catch(e){ MPMaterial={} } MPFun={ "initialize":function(){ this.setMeta() document.body.innerHTML="" let isDesk=true if(MPMeta.width<MPMeta.height){ isDesk=false } MPMeta.already=[] for(let i=0,ilen=MPMeta.block.length;i<ilen;i++){ let position=isDesk?(i%2?"top":"bottom"):(i%2?"left":"right") let border=isDesk?"right":"bottom" let rm if(Object.keys(MPMaterial).length==0){ rm=MPMeta.default } else{ rm=MPMaterial[Object.keys(MPMaterial)[Math.floor(Object.keys(MPMaterial).length*Math.random())]] } let blockDOM=this.createBlockDOM(rm,i) document.body.appendChild(blockDOM) setTimeout(function(){ let blockEfect=setInterval(function(){ blockDOM.style[position]=(parseInt(blockDOM.style[position])-5)+"%" if(parseInt(blockDOM.style[position])==0){ clearInterval(blockEfect) let materialDOM=MPFun.createMaterialDOM(rm,i) materialDOM.style[border]="-100%" blockDOM.appendChild(materialDOM) let materialEffect=setInterval(function(){ materialDOM.style[border]=(parseInt(materialDOM.style[border])+5)+"%" if(parseInt(materialDOM.style[border])==0){ clearInterval(materialEffect) } },10) let materialEffect2=setInterval(function(){ materialDOM.style.opacity=Number(materialDOM.style.opacity)+0.02 if(materialDOM.style.opacity==1){ materialDOM.style.opacity="" MPMeta.already.push(materialDOM) if(MPMeta.already.length==MPMeta.block.length){ for(let j=0,jlen=MPMeta.already.length;j<jlen;j++){ MPMeta.already[j].parentNode.style.backgroundColor="white" MPMeta.already[j].classList.add("materialDOM") } } clearInterval(materialEffect2) } },10) } },10) },MPMeta.block[i]*200) } }, "setMeta":function(){ MPMeta.width=window.innerWidth MPMeta.height=window.innerHeight }, "createBlockDOM":function(material,index){ let dom=document.createElement("div") dom.style.overflow="hidden" dom.style.position="fixed" let isDesk=true if(MPMeta.width<MPMeta.height){ isDesk=false } dom.style[isDesk?(index%2?"top":"bottom"):(index%2?"left":"right")]="100%" dom.style[isDesk?"left":"top"]=(index*100/MPMeta.block.length)+"%" dom.style[isDesk?"height":"width"]="100%" dom.style[isDesk?"width":"height"]=(100/MPMeta.block.length)+"%" dom.style[isDesk?"borderRight":"borderBottom"]="15px solid "+(material.dark||MPMeta.default.dark) return dom }, "createMaterialDOM":function(material,index){ let isDesk=true if(MPMeta.width<MPMeta.height){ isDesk=false } let dom=document.createElement("div") dom.style.position="absolute" dom.style.width="100%" dom.style.height="100%" dom.style.opacity=0 dom.style.backgroundColor=material.light||MPMeta.default.light dom.style.backgroundImage="url("+(material.block[index][0]||MPMeta.default.block[index][0])+")" dom.style.backgroundRepeat="no-repeat" dom.style.cursor="pointer" dom.onclick=material.block[index][2]||MPMeta.default.block[index][2] for(let key in MPMeta.default.block[index][3].img){ dom.style[key]=MPMeta.default.block[index][3].img[key] } for(let key in MPMeta.default.block[index][isDesk?4:5].img){ dom.style[key]=MPMeta.default.block[index][isDesk?4:5].img[key] } for(let key in material.block[index][3].img){ dom.style[key]=material.block[index][3].img[key] } for(let key in material.block[index][isDesk?4:5].img){ dom.style[key]=material.block[index][isDesk?4:5].img[key] } let textdom=document.createElement("div") textdom.innerHTML=material.block[index][1]||MPMeta.default.block[index][1] textdom.style.position="absolute" textdom.style.display="flex" textdom.style.alignItems="center" textdom.style.justifyContent="center" textdom.style.width=isDesk?"100%":"30%" textdom.style.height=isDesk?"10%":"100%" textdom.style.top=isDesk?"50%":"" textdom.style.right=isDesk?"":"0" textdom.style.backgroundColor=this.torgba(material.light||MPMeta.default.light,0.7) textdom.style.fontSize="2em" textdom.style.textAlign="center" dom.appendChild(textdom) return dom }, "torgba":function(hex,a){ hex=hex.replace("#","") let r=parseInt(hex[0]+hex[1],16) let g=parseInt(hex[2]+hex[3],16) let b=parseInt(hex[4]+hex[5],16) return "rgba("+r+","+g+","+b+","+a+")" }, } window.addEventListener("resize",function(){ if((MPMeta.width>MPMeta.height)^(window.innerWidth>window.innerHeight)){ MPFun.initialize() } }) window.addEventListener("load",function(){ document.body.innerHTML="" setTimeout(function(){MPFun.initialize()},500) }) </script>