集中一下 - 第6页 - 时光如水 - 花潮论坛

绿叶清舟 发表于 2021-5-14 20:14

本帖最后由绿叶清舟于 2025-12-16 21:26 编辑 <br /><br /><style>
#papa { left: -388px; width: 1400px; height: 760px; box-shadow: 4px 4px 30px #000; border-radius: 6px; overflow: hidden; position: relative; }
#mama {position: absolute; width: inherit; height: inherit; left: 0; top: -760px; background: #ccc url('https://pic1.imgdb.cn/item/69410e0f0dd29e7e22469cab.jpg') no-repeat center / cover; }
#mama input { border: none; outline: none; opacity: .75; cursor: pointer; }
#mama p { margin: 0; padding: 0; }
#mama vid12 { position: absolute; width: 1080px; height: 720px; object-fit: cover; opacity: 0.8; clip-path: circle(100% at bottom) ;mix-blend-mode: overlay;}
.playbox { position: absolute; left: 10px; top: 10px; padding: 10px; font: normal 1em sans-serif; color: #eee; background: rgba(255,255,255,.2); border-radius: 8px; backdrop-filter: blur(1px); overflow: hidden; box-shadow: 1px 1px 2px rgba(0,0,0,.15); z-index: 100; }
#btnplay { width: 30px; height: 30px; border-radius: 50%; }
#btnplay:hover { background: #aaa; color: #ff0000; }
#papa > img { position: absolute; border: none; outline: none; }
#ufo2 { left: 0; top: 0; width: 120px; height:120px; transition: all 2s; }
#tang1 { top: 520px; width: 301px; height: 131px; opacity: .52; cursor: pointer; }
.innerBox {
   position: absolute;
   width: 100rem;
   height: 20px;
   left: 180px;
   top: 690px;
   overflow: hidden;
   font-size: 1rem;
color: #ff0000;
   animation: writing 10s steps(11,end) infinite;
}

@keyframes writing {
   0% { width: 0 }
   100% { width: 100rem; }}

@keyframes up { to { transform: translateY(-700px); } }
@keyframes down { to { top: 0px; } }
</style>

<div id="papa">
   <img id="ufo2" src="https://p.upyun.com/demo/tmp/dHAWDOWM.webp" alt="" />
   <img id="tang1" src="https://p.upyun.com/demo/tmp/D1iU3mG0.webp" alt="" />
   <div id="mama">
               <div class="innerBox">可能每天晚上一躺下就自动开启了碎片整理然后直接扔进了回收站脑子里没留下任何的印记，2025电量不足吧光都没闪过一下更别说有亮了</div>
   </div>
</div>
<audio id="aud" src="https://music.163.com/song/media/outer/url?id=2634533213" loop="loop"></audio>

<script>

let num = (min, max) => Math.floor(Math.random() * (max-min+1)) + min;

tang1.style.left = num(0,920) + 'px';
ufo2.style.left = num(0,924) + 'px';

tang1.onclick = () => {
   tang1.style.opacity = 1;
   ufo2.style.left = tang1.offsetLeft- 150 + 'px';
   ufo2.style.top = tang1.offsetTop - 50 + 'px';
   setTimeout(() => {
            ufo2.style.animation = tang1.style.animation = 'up 4s forwards';
   },2200);
   setTimeout(() => {
            mama.style.animation = 'down 4s forwards';
            aud.play();
   },4300);
}

slider.onmousedown = () => aud.pause();
slider.onchange = () => { aud.currentTime = slider.value * aud.duration / 100; aud.play(); }
btnplay.onclick = () => aud.paused ? aud.play() : aud.pause();
aud.addEventListener('playing', () => btnplay.value = '||');
aud.addEventListener('pause', () => btnplay.value = '>');

aud.addEventListener('timeupdate', () => {
   let prog = 100 * aud.currentTime / aud.duration;
   slider.value = prog;
   per.innerText = toMin(aud.currentTime) + ' | ' + toMin(aud.duration);
   for(j=0; j<lrcAr.length; j++){
            if(aud.currentTime >= lrcAr) geci.innerHTML = lrcAr;
   }
});

let toMin = (val) => {
   if(!val) return '0:0';
   val = Math.floor(val);
   return parseInt(val / 60) + ':' +parseFloat(val % 60);
}
</script>

绿叶清舟 发表于 2021-5-15 16:37

本帖最后由绿叶清舟于 2021-6-11 21:42 编辑 <br /><br /><DIV align=center>
<table style="width:880px; margin:60px 50px 60px 50px;" background=https://www.huachaowang.com/data/attachment/forum/202105/13/204735c799upna9ku3bkyg.jpg border="0"width="100%"cellspacing="0" cellpadding="50">
<TBODY><TR><TD>

<table align=center style="margin:6px 5px 6px 5px;"bordercolordark="#652942" width="100%"bordercolorlight="#652942" background=https://www.huachaowang.com/data/attachment/forum/202105/13/204751qmzid2dmyqqwnupd.jpgalign="center" border="1" cellspacing="5" cellpadding="5px">
<TBODY><TR><TD>

<DIV align=center><IMG border=0 src="https://pic.imgdb.cn/item/609d25ecd1a9ae528ff31661.jpg" width=500 _height="500"><BR></DIV>

</TD></TR></TBODY></table>
</TD></TR></TBODY></table>
</div><br><br><br><br>
</DIV>

泡沫发表于 2021-5-15 22:57

2021-5-14 20:14
ео

{:4_199:}

绿叶清舟 发表于 2021-5-16 16:31

本帖最后由绿叶清舟于 2021-5-16 20:25 编辑 <br /><br /><DIV align=center>
<table style="position: relative; LEFT: -300px; width:1500px;" background=https://www.superbed.cn/item/60a0d8166ae4f77d359cb0ce.jpg border="0" cellspacing="0" cellpadding="0">
<TBODY><TR><TD height=1085>
</TD></TR>
</table></div><br><br><br><br>

绿叶清舟 发表于 2021-5-16 20:24

本帖最后由绿叶清舟于 2021-5-19 19:34 编辑

<DIV align=center>
<table style="position: relative; LEFT: -440px; width:1500px;TOP: 150px" background=https://www.superbed.cn/item/60a0d8166ae4f77d359cb0ce.jpg border="0" cellspacing="0" cellpadding="0">
<TBODY><TR><TD height=1085>
</TD></TR>
</table></div><br><br><br><br>
<audio style="width:600px; height:64px;"controls="controls" autoplay="autoplay" loop="loop" src="http://antiserver.kuwo.cn/anti.s?useless=/resource/&format=mp3&rid=MUSIC_11539806&response=res&type=convert_url&" type="audio/mpeg" hidden="true"></audio><br><br><br><br><br><br><br><br><br><br>

千娇百媚 发表于 2021-5-17 16:08

久违的代码帖，好像回到了过去。

绿叶清舟 发表于 2021-5-17 17:36

千娇百媚发表于 2021-5-17 16:08
久违的代码帖，好像回到了过去。

就是啊也觉得玩着玩着又玩回去了

绿叶清舟 发表于 2021-5-18 20:30

本帖最后由绿叶清舟于 2021-5-18 21:58 编辑 <br /><br /><tablestyle="width:660px;background: #0b1266;" cellspacing="0" cellpadding="0"><tr><td>
<div align="center"><section style="width:660px;background: #0b1266;">
<section style="display:flex;justify-content:center; margin:10px auto;padding:1.5em 0px;background: #0b1266;box-sizing: border-box;">
<section style="box-sizing:border-box;width:100%; border-top:1px solid #97c0f8;padding-left:10px;padding-right: 6px;" data-width="100%">
<section style="border-top: 1px solid #97c0f8;margin-top: 3px;">
<section style="box-sizing:border-box;width: 96%;margin:-24px auto;" data-width="96%">
<section style="border:1px solid #97c0f8;border-top: none;border-bottom: none;">
<section style="padding:10px 3px; ">
<section style="border:1px solid #97c0f8;border-top: none;border-bottom: none;">
<section style="padding:20px 6px 20px 6px;">
<section style="padding:50px 20px 30px 20px">
<section style="padding: 20px">
<section style="box-sizing:border-box;width: 100%;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;flex-direction: row-reverse;" data-width="100%">
<section style="box-sizing:border-box;width:100%" data-width="100%">
<DIV align=center><span style="color:#97c0f8; font-family: 微软雅黑, Microsoft YaHei; font-size: 24px;">蓝眼泪</span></DIV>
<DIV align=center><IMG border=0 src="https://pic.imgdb.cn/item/60a3c1bb6ae4f77d357289aa.gif" width=500 _height="500"><BR></DIV>
<br>
<DIV align=center><IMG border=0 src="https://pic.imgdb.cn/item/609d05c0d1a9ae528fe76da1.gif" width=380 _height="47"><BR></DIV>
<br><section section style="text-align:left; margin-left:10em; line-height: 2.0em;">
<span style="color:#97c0f8; font-family: 微软雅黑, Microsoft YaHei; font-size: 14px;">

我已经好几天深夜不能眠<br>
都为了谁<br>
我只是心疼你哭肿的双眼<br>
多可怜<br>
如果情已决裂<br>
你伤心欲绝他没感觉<br>
他早已空了心<br>
对你的深情都看不见<br>
取一瓢深蓝色苦苦的湖水<br>
化成一滴蓝色的眼泪<br>
滴落在你眉间能解开情结<br>
还会让你心如止水<br>
你不再对他痴恋<br>
苦守整个夜魂萦梦牵<br>
深蓝色的眼泪<br>
也让你失去爱的感觉<br></span></section>
<br><br><br>
</section></section></section></section></section>
</section></section></section></section></section></section></section></section>
<DIV align=center><IMG border=0 src="https://pic.imgdb.cn/item/609d05c0d1a9ae528fe76da1.gif" width=380 _height="47"><BR></DIV>
</div><br></td></tr></table>

小九发表于 2021-5-18 20:38

能回到过去，真好

绿叶清舟 发表于 2021-5-18 20:51

小九发表于 2021-5-18 20:38
能回到过去，真好

{:4_179:}

绿叶清舟 发表于 2021-5-19 19:32

本帖最后由绿叶清舟于 2021-5-19 19:37 编辑 <br /><br /><DIV align=center>
<table style="position: relative; LEFT: -440px; width:1500px;TOP: 150px" background=https://pic.imgdb.cn/item/60a4f6906ae4f77d3522e28f.jpg border="0" cellspacing="0" cellpadding="0">
<TBODY><TR><TD height=1200>
</TD></TR>
</table></div><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br>

绿叶清舟 发表于 2021-5-19 19:38

绿叶清舟 发表于 2021-5-19 19:45

本帖最后由绿叶清舟于 2021-5-19 19:48 编辑

这里不一样了

绿叶清舟 发表于 2021-5-19 19:53

本帖最后由绿叶清舟于 2021-6-11 22:07 编辑 <br /><br /><DIV align=center>
<table style="position: relative; width:880px;" background=https://www.huachaowang.com/data/attachment/forum/202105/19/194520xzv3svhwhswpvxvp.gif border="0" cellspacing="0" cellpadding="1">
<TBODY><TR><TD>

<table align=center style="position: relative; width:780px;margin:60px 50px 60px 50px;"bordercolordark="#652942"bordercolorlight="#652942" background=https://www.huachaowang.com/data/attachment/forum/202105/19/194842m5fg0aimofg11ad3.jpgalign="center" border="1" cellspacing="5" cellpadding="5">
<TBODY><TR><TD>

<table align=center style="position: relative; width:770px; margin:3px 3px 3px 3px;"bordercolordark="#652942"bordercolorlight="#652942" background=https://www.huachaowang.com/data/attachment/forum/202105/19/194525gdxndz8d8df37fdz.gif align="center" border="0"cellspacing="10" cellpadding="10">
<TBODY><TR><TD>

<table align=center style="position: relative; width:748px; margin:3px 3px 3px 3px;"bordercolordark="#990000"bordercolorlight="#990033" background=https://www.huachaowang.com/data/attachment/forum/202105/19/194842m5fg0aimofg11ad3.jpgalign="center" border="1" cellspacing="5" cellpadding="5">
<TBODY><TR><TD>

<table align=center style="position: relative; width:730px; margin:3px 3px 3px 3px;"bordercolordark="#652942"bordercolorlight="#652942" background=https://www.huachaowang.com/data/attachment/forum/202105/19/194525gdxndz8d8df37fdz.gif align="center" border="0"cellspacing="10" cellpadding="5">
<TBODY><TR><TD>

<table align=center style="position: relative; width:716px; margin:1px 1px 1px 1px;"bordercolordark="#990000"bordercolorlight="#990033" background=https://www.huachaowang.com/data/attachment/forum/202105/19/194842m5fg0aimofg11ad3.jpgalign="center" border="1" cellspacing="5" cellpadding="5">
<TBODY><TR><TD>
<table align=center style="position: relative; width:700px; margin:3px 3px 3px 3px;"bordercolordark="#990000"bordercolorlight="#990033" background=https://www.huachaowang.com/data/attachment/forum/202105/19/194525gdxndz8d8df37fdz.gif align="center" border="0" cellspacing="10" cellpadding="5">
<TBODY><TR><TD>

<table align=center style="position: relative; width:688px; margin:1px 1px 1px 1px;"bordercolordark="#990000"bordercolorlight="#990033" background=https://www.huachaowang.com/data/attachment/forum/202105/19/194842m5fg0aimofg11ad3.jpgalign="center" border="1" cellspacing="1" cellpadding="5">
<TBODY><TR><TD>

<table align=center style="position: relative; width:670px; margin:3px 3px 3px 3px;"bordercolordark="#990000"bordercolorlight="#990033" background=https://pic.imgdb.cn/item/609d21bcd1a9ae528fc6bc8f.jpg align="center"border="1" cellspacing="10" cellpadding="5">
<TBODY><TR><TD>

<table align=center style="position: relative; width:650px; BACKGROUND-COLOR: #FFFFFF;"bordercolor="#000000"bordercolorlight="#990033" align="center"border="0" cellspacing="10" cellpadding="0">
<TBODY><TR><TD>

<DIV align=center><IMG border=0 src="https://www.huachaowang.com/data/attachment/forum/202105/19/194539hbbrgr3zjk7ka6g8.gif" width=248 _height="48"><BR></DIV>

</TD></TR></TBODY></table>
</TD></TR></TBODY></table>
</TD></TR></TBODY></table>
</TD></TR></TBODY></table>
</TD></TR></TBODY></table>
</TD></TR></TBODY></table>
</TD></TR></TBODY></table>
</TD></TR></TBODY></table>
</TD></TR></TBODY></table>
</TD></TR></TBODY></table>
</div><br><br><br><br>

绿叶清舟 发表于 2021-5-19 20:05

绿叶清舟 发表于 2021-5-19 20:07

本帖最后由绿叶清舟于 2021-5-21 10:51 编辑 <br /><br /><DIV align=center>
<table style="position: relative; width:880px;" background=https://www.huachaowang.com/data/attachment/forum/202105/19/194520xzv3svhwhswpvxvp.gif border="0" cellspacing="0" cellpadding="1">
<TBODY><TR><TD>

<table align=center style="position: relative; width:90%;margin:60px 50px 60px 50px;"bordercolordark="#652942"bordercolorlight="#652942" background=https://www.huachaowang.com/data/attachment/forum/202105/19/194842m5fg0aimofg11ad3.jpgalign="center" border="1" cellspacing="5" cellpadding="5">
<TBODY><TR><TD>

<table align=center style="position: relative; width:88%; margin:3px 3px 3px 3px;"bordercolordark="#652942"bordercolorlight="#652942" background=https://www.huachaowang.com/data/attachment/forum/202105/19/194525gdxndz8d8df37fdz.gif align="center" border="0"cellspacing="10" cellpadding="10">
<TBODY><TR><TD>

<table align=center style="position: relative; width:680px; BACKGROUND-COLOR: #FFFFFF;"bordercolor="#FFFFFF"bordercolorlight="#990033" align="center"border="0" cellspacing="10" cellpadding="0">
<TBODY><TR><TD>

</TD></TR></TBODY></table>
</TD></TR></TBODY></table>
</TD></TR></TBODY></table>
</TD></TR></TBODY></table>

小九发表于 2021-5-19 21:08

{:4_187:}

绿叶清舟 发表于 2021-5-21 10:49

小九发表于 2021-5-18 20:38
能回到过去，真好

去搞个时光器一起穿越

绿叶清舟 发表于 2021-5-21 16:40

本帖最后由绿叶清舟于 2021-5-21 16:44 编辑 <br /><br /><DIV align=center>
<table style="position: relative; LEFT: -390px; width:1200px;TOP: 150px" background=https://pic.imgdb.cn/item/60a771866ae4f77d35cb578d.jpg border="0" cellspacing="0" cellpadding="0">
<TBODY><TR><TD height=750>
</TD></TR>
</table></div><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br>

小九发表于 2021-5-21 20:49

绿叶清舟发表于 2021-5-21 10:49
去搞个时光器一起穿越

想想，该怎么玩？玩马甲？

页: 1 2 3 4 5 [6] 7 8 9 10 11 12 13 14 15

花潮论坛's Archiver