本帖最后由 绿叶清舟 于 2021-12-29 21:56 编辑 <br /><br /><DIV align=center color=#ff0000 >
<tablestyle="position: relative; LEFT: -280px; width:1200px;TOP: 180px"border="0" cellspacing="0" cellpadding="0">
<TBODY><TR><TD height=1000 background=https://pic.imgdb.cn/item/61c6f2ef2ab3f51d91b351eb.gif>
</TD></TR><TR><TD height=1000 background=https://pic.imgdb.cn/item/61c6f3002ab3f51d91b35e69.gif>
<EMBED style="POSITION: relative; WIDTH: 870px; TOP: -850px; LEFT: 70px" height=500 type=application/x-shockwave-flash pluginspage=http://www.macromedia.com/go/getflashplayer width=870 src=https://imgcache.qq.com/qzone/space_item/orig/8/23736.swf allowNetworking="internal" allowScriptAccess="never" quality="high" invokeurls="false" wmode="transparent">
</TD></TR>
</table></div><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>
本帖最后由 绿叶清舟 于 2022-1-26 21:00 编辑 <br /><br /><style type="text/css">
.sky {
height: 480px;
position: relative;
overflow: hidden;
-webkit-animation: sky_background 50s ease-out infinite;
-moz-animation: sky_background 50s ease-out infinite;
-o-animation: sky_background 50s ease-out infinite;
animation: sky_background 50s ease-out infinite;
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.sky .clouds_one {
background: url("https://pic.imgdb.cn/item/61c6a31d2ab3f51d91833c42.png");
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 300%;
-webkit-animation: cloud_one 50s linear infinite;
-moz-animation: cloud_one 50s linear infinite;
-o-animation: cloud_one 50s linear infinite;
animation: cloud_one 50s linear infinite;
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.sky .clouds_two {
background: url("https://pic.imgdb.cn/item/61c6a3382ab3f51d918348ce.png");
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 300%;
-webkit-animation: cloud_two 75s linear infinite;
-moz-animation: cloud_two 75s linear infinite;
-o-animation: cloud_two 75s linear infinite;
animation: cloud_two 75s linear infinite;
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.sky .clouds_three {
background: url("https://pic.imgdb.cn/item/61c6a34b2ab3f51d91835097.png");
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 300%;
-webkit-animation: cloud_three 100s linear infinite;
-moz-animation: cloud_three 100s linear infinite;
-o-animation: cloud_three 100s linear infinite;
animation: cloud_three 100s linear infinite;
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
@-webkit-keyframes cloud_one {
0% {
left: 0
}
100% {
left: -200%
}
}
@-moz-keyframes cloud_one {
0% {
left: 0
}
100% {
left: -200%
}
}
@keyframes cloud_one {
0% {
left: 0
}
100% {
left: -200%
}
}
@-webkit-keyframes cloud_two {
0% {
left: 0
}
100% {
left: -200%
}
}
@-moz-keyframes cloud_two {
0% {
left: 0
}
100% {
left: -200%
}
}
@keyframes cloud_two {
0% {
left: 0
}
100% {
left: -200%
}
}
@-webkit-keyframes cloud_three {
0% {
left: 0
}
100% {
left: -200%
}
}
@-moz-keyframes cloud_three {
0% {
left: 0
}
100% {
left: -200%
}
}
@keyframes cloud_three {
0% {
left: 0
}
100% {
left: -200%
}
}
</style>
<DIVstyle="position: relative; LEFT: -25px; TOP: 1800px; width:800px; height:230px; background: #eddbb7; "><iframe width="800" height="230" frameborder="0" src="视频" referrerpolicy="unsafe-url" allowfullscreen></iframe></div>
<DIV align=center color=#ff0000 >
<tablestyle="position: relative; LEFT: -280px; width:1200px;TOP: 180px"border="0" cellspacing="0" cellpadding="0">
<TBODY><TR><TD height=1000 background=https://pic.imgdb.cn/item/61c811dc2ab3f51d91b06ba2.gif>
</TD></TR><TR><TD height=1000 background=https://pic.imgdb.cn/item/61c815102ab3f51d91b1b277.gif>
<div class="sky"style="position: relative; LEFT: 0px; width:1200px;TOP: -1080px" >
<div class="clouds_one"></div>
<div class="clouds_two"></div>
<div class="clouds_three"></div>
</div>
</TD></TR>
</table></div><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>
本帖最后由 绿叶清舟 于 2021-12-27 10:37 编辑 <br /><br /><style type="text/css">
.dDiv {
width: 1200px;
height: 800px;
background: url('https://pic.imgdb.cn/item/61c925102ab3f51d91080175.jpg') no-repeat;
position: relative;
left: -242px;
top: 80px;
}
.iRo {
width:300px;
height:344px;
cursor: pointer;
position: relative;
left: 300px;
top: 350px;
transition: linear transform 1s;
}
.iRo:hover {
transform: rotate(360deg);
}
</style>
<div class="dDiv">
<img class="iRo" alt="" src="https://pic.imgdb.cn/item/61c9254a2ab3f51d91081689.gif">
</div>
本帖最后由 绿叶清舟 于 2021-12-29 08:54 编辑 <br /><br /><DIV align=center color=#ff0000 >
<tablestyle="position: relative; LEFT: -280px; width:1200px;TOP: 180px"border="0" cellspacing="0" cellpadding="0">
<TBODY><TR><TD height=1000 background=https://pic.imgdb.cn/item/61caf03d2ab3f51d91e95b57.jpg>
</TD></TR><TR><TD height=1000 background=https://pic.imgdb.cn/item/61caf0512ab3f51d91e9699d.gif>
<EMBED style="POSITION: relative; WIDTH: 870px; TOP: -1250px; LEFT: 70px" height=500 type=application/x-shockwave-flash pluginspage=http://www.macromedia.com/go/getflashplayer width=870 src=https://imgcache.qq.com/qzone/space_item/orig/8/23736.swf allowNetworking="internal" allowScriptAccess="never" quality="high" invokeurls="false" wmode="transparent">
</TD></TR>
</table></div><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>
本帖最后由 绿叶清舟 于 2022-1-26 20:59 编辑 <br /><br /><DIVstyle="position: relative; LEFT: -115px; TOP: 750px; width:658px; height:330px; background: #eddbb7; "><iframe width="658" height="330" frameborder="0" src="视频" referrerpolicy="unsafe-url" allowfullscreen></iframe></div>
<DIV align=center color=#ff0000 >
<tablestyle="position: relative; LEFT: -280px; width:1200px;TOP: 180px"border="0" cellspacing="0" cellpadding="0">
<TBODY><TR><TD height=800 background=https://pic.imgdb.cn/item/61cb1dc72ab3f51d910ca3f8.gif>
</TD></TR><TR><TD>
</TD></TR><TR><TD>
</TD></TR>
</table></div><BR><BR><BR><BR><BR><BR><BR>
本帖最后由 绿叶清舟 于 2022-2-17 21:57 编辑
<DIVstyle="position: relative; LEFT: -115px; TOP: 750px; width:658px; height:330px; background: #eddbb7; "><iframe width="658" height="330" frameborder="0" src="https://www.ixigua.com/iframe/7044516361539682852?autoplay=0" referrerpolicy="unsafe-url" allowfullscreen></iframe></div>
<DIV align=center color=#ff0000 >
<tablestyle="position: relative; LEFT: -280px; width:1200px;TOP: 180px"border="0" cellspacing="0" cellpadding="0">
<TBODY><TR><TD height=800 background=https://pic.imgdb.cn/item/61cb1dc72ab3f51d910ca3f8.gif>
</TD></TR><TR><TD>
</TD></TR><TR><TD>
</TD></TR>
</table></div><BR><BR><BR><BR><BR><BR><BR>
本帖最后由 绿叶清舟 于 2022-1-26 21:01 编辑 <br /><br /><DIVstyle="position: relative; LEFT: -15px; TOP: 950px; width:558px; height:630px; background: #eddbb7; "><iframe width="558" height="630" frameborder="0" src="视频" referrerpolicy="unsafe-url" allowfullscreen></iframe></div>
<DIV align=center color=#ff0000 >
<tablestyle="position: relative; LEFT: -280px; width:1200px;TOP: 180px"border="0" cellspacing="0" cellpadding="0">
<TBODY><TR><TD height=800 background=https://pic.imgdb.cn/item/61cbd3b92ab3f51d918585d1.gif>
</TD></TR><TR><TD>
</TD></TR><TR><TD>
</TD></TR>
</table></div><BR><BR><BR><BR><BR><BR><BR>
本帖最后由 绿叶清舟 于 2022-1-26 21:01 编辑 <br /><br /><DIVstyle="position: relative; LEFT: 118px; TOP: 610px; width:358px; height:150px; background: #eddbb7; "><iframe width="358" height="150" frameborder="0" src="视频" referrerpolicy="unsafe-url" allowfullscreen></iframe></div>
<DIV align=center color=#ff0000 >
<tablestyle="position: relative; LEFT: -280px; width:1200px;TOP: 180px"border="0" cellspacing="0" cellpadding="0">
<TBODY><TR><TD height=800 background=https://pic.imgdb.cn/item/61d2717b2ab3f51d91200072.gif>
<style type="text/css">
.ddDiv {
width:80%;
height:4px;
line-height:60px;
color:transparent;
font-family:SimHei,NSimSun,'Microsoft YaHei';
font-size:60px;
font-weight:bold;
color:transparent;
text-align:left;
border-radius:8px 12px;
}
.sp { animation:iFlash 6s linear infinite; }
.ddDiv span:nth-child(1) { animation-delay:0s; }
.ddDiv span:nth-child(2) { animation-delay:0.4s; }
.ddDiv span:nth-child(3) { animation-delay:0.8s; }
.ddDiv span:nth-child(4) { animation-delay:1.2s; }
.ddDiv span:nth-child(5) { animation-delay:1.6s; }
.ddDiv span:nth-child(6) { animation-delay:2s; }
@keyframes iFlash {
0%,100% {
color:white;
text-shadow:
2px 2px 4px coral,
2px 2px 10px coral,
2px 2px 20px coral,
2px 2px 40px coral,
2px 2px 50px coral,
2px 2px 60px coral,
2px 2px 0px coral,
2px 2px 80px coral,
2px 2px 90px coral,
2px 2px 100px coral;
}
30%,90% {
color:transparent;
text-shadow:none;
}
}
</style>
<divstyle="position: relative; LEFT: -980px; width:1200px;TOP: -280px"class="ddDiv">
<span class="sp">影</span><BR>
<span class="sp">生</span><BR>
<span class="sp">日</span><BR>
<span class="sp">快</span><BR>
<span class="sp">乐</span><BR>
<span class="sp">！</span><BR>
</div>
</TD></TR>
</table></div><BR><BR><BR><BR><BR><BR><BR>
本帖最后由 绿叶清舟 于 2022-1-3 12:37 编辑 <br /><br /><style type="text/css">
.ddDiv {
width:100%;
height:4px;
line-height:60px;
color:transparent;
font-family:SimHei,NSimSun,'Microsoft YaHei';
font-size:60px;
font-weight:bold;
color:transparent;
text-align:right;
border-radius:8px 12px;
}
.sp { animation:iFlash 6s linear infinite; }
.ddDiv span:nth-child(1) { animation-delay:0s; }
.ddDiv span:nth-child(2) { animation-delay:0.4s; }
.ddDiv span:nth-child(3) { animation-delay:0.8s; }
.ddDiv span:nth-child(4) { animation-delay:1.2s; }
.ddDiv span:nth-child(5) { animation-delay:1.6s; }
.ddDiv span:nth-child(6) { animation-delay:2s; }
@keyframes iFlash {
0%,100% {
color:white;
text-shadow:
2px 2px 4px coral,
2px 2px 10px coral,
2px 2px 20px coral,
2px 2px 40px coral,
2px 2px 50px coral,
2px 2px 60px coral,
2px 2px 0px coral,
2px 2px 80px coral,
2px 2px 90px coral,
2px 2px 100px coral;
}
30%,90% {
color:transparent;
text-shadow:none;
}
}
</style>
<div class="ddDiv">
<span class="sp">影</span><BR>
<span class="sp">生</span><BR>
<span class="sp">日</span><BR>
<span class="sp">快</span><BR>
<span class="sp">乐</span><BR>
<span class="sp">！</span><BR>
</div>
本帖最后由 绿叶清舟 于 2021-12-31 20:06 编辑 <br /><br /><DIV align=center color=#ff0000 >
<tablestyle="position: relative; LEFT: -280px; width:1200px;TOP: 180px"border="0" cellspacing="0" cellpadding="0">
<TBODY><TR><TD height=1000 background=https://pic.imgdb.cn/item/61cebd012ab3f51d91acda94.jpg>
</TD></TR><TR><TD height=1000 background=https://pic.imgdb.cn/item/61cebd142ab3f51d91acea6b.gif>
<DIV style="POSITION: relative; WIDTH: 680px; TOP: -350px; LEFT: 70px; text-align:left; margin-left:10em; line-height: 2.0em; color:#262221; font-family: 微软雅黑, Microsoft YaHei; font-size: 18px;">
从中年开始，到守望终点最好玩的数那三场风云了吧。<br>
第一场大家晕着玩，虾米完败一直到结束都不知道是咋回事的。<br>
第二场虾米们信心满满，结果再次完败而且败得很惨。或许因为知道咱几个爱玩虾的以为他会和咱一个阵营，所以九她们从没怀疑过他的身份，俺吧马甲盲从来不知道谁是谁的，直到最后场上只剩下九，素和俺时，他问俺知道哪个是他的马甲，俺知道就是不是俺了，于是截了他头象的图，那一刻才知道他黑了。<br>
第三场，只想说做晕虾的感觉真好。那次自然接了剑版面上已经跳成明剑了，二轮投票后俺还没接刀，心里已经有点明白。收盘后聊起告诉了俺他的马甲，看版面正被自然紧盯着，突然兴起说去和自然玩玩，于是改票楼碰了一下自然，然后关了电脑出去吃饭了。没曾想自然的反应这么强烈立刻开楼号了俺，结果号一个，刀一个，剑一个{:4_189:}
</div>
</TD></TR>
</table></div><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>
本帖最后由 绿叶清舟 于 2022-1-11 22:33 编辑 <br /><br /><DIV align=center>
<tablestyle="position: relative; LEFT: -280px; width:1200px;TOP: 180px"border="0" cellspacing="0" cellpadding="0">
<TBODY><TR><TD height=1000 background=https://pic.imgdb.cn/item/61dd92fc2ab3f51d91cc943c.jpg>
</TD></TR><TR><TD height=1000 background=https://pic.imgdb.cn/item/61dd93102ab3f51d91cca2a8.jpg>
<EMBED style="POSITION: relative; WIDTH: 870px; TOP: -850px; LEFT: 70px" height=500 type=application/x-shockwave-flash pluginspage=http://www.macromedia.com/go/getflashplayer width=870 src=https://www.56.com/flashApp/swf_effect/f86.swf allowNetworking="internal" allowScriptAccess="never" quality="high" invokeurls="false" wmode="transparent">
</TD></TR>
</table></div><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>
本帖最后由 绿叶清舟 于 2022-1-14 22:05 编辑 <br /><br /><div style="LEFT: -220px; WIDTH: 1100px; POSITION: relative; TOP: 250px; BACKGROUND-COLOR: #9aff03;">
<table border=0 cellSpacing=1 borderColor=#000008 cellPadding=66 width="100%" background=https://www.huachaowang.com/data/attachment/forum/202107/18/201837bgnbdkgqgowmdigu.jpg>
<tbody>
<tr>
<td>
<table border=0 cellSpacing=1 borderColor=#000000 cellPadding=3 width="100%" background=https://www.huachaowang.com/data/attachment/forum/202107/11/193430sztbfnzyizyoabpt.gif>
<tbody>
<tr>
<td>
<table border=0 cellSpacing=1 borderColor=#000000 cellPadding=15 width="100%" background=https://www.huachaowang.com/data/attachment/forum/202107/11/193430jkn9ppto111li1pn.jpg>
<tbody>
<tr>
<td>
<table border=0 cellSpacing=1 borderColor=#9aff03 cellPadding=3 width="100%" background=https://www.huachaowang.com/data/attachment/forum/202107/11/193430sztbfnzyizyoabpt.gif>
<tbody>
<tr>
<td>
<table style="position: relative; BACKGROUND-COLOR: #e80813;" border=0 cellSpacing=1 borderColor="#9aff03"cellPadding=2 width="100%">
<tbody>
<tr>
<td>
<table border=1 cellSpacing=1 bordercolor="#000000" cellPadding=1 width="100%" bgColor=#000000 align=center>
<tbody>
<tr>
<td><br><br>
<div align=center><section style="display:flex;justify-content: center;align-items: center;"></section><section style="margin:0px 10px;text-align: center; line-height: 4.0em;letter-spacing:4px; font-size:18px; color:#000000; text-shadow: #ff0033 1px 1px, #ff0033 1px -1px,#ff0033 1px -1px, #ff0033 -1px 1px, #ff0033 -1px -1px, #ff0033 0px 1.4px, #ff0033 0px -1.4px, #ff0033 -1.4px 0px, #ff0033 1.4px 0px,2px 0px, #192531 0px 3px, #192531 0px 3px, #192531 0px 2px, #192531 0px 2px; box-sizing: border-box;"><p style="box-sizing: border-box;"><span style="font-size: 28px;"><strong class="135brush" data-brushtype="text">天 亮 了</strong></span></p></section></DIV>
<DIV align=center><IMG border=0 src="https://www.huachaowang.com/data/attachment/forum/202107/20/222320vpda3kbikkvz8ucu.gif" width=353 _height="120"></DIV><br><br>
<DIV align=center><IMG border=0 src="https://pic.imgdb.cn/item/61e17f392ab3f51d9192e400.jpg" width=900 _height="1000"></DIV><br><br>
<DIV align=center><IMG border=0 src="https://www.huachaowang.com/data/attachment/forum/202107/20/222320vpda3kbikkvz8ucu.gif" width=353 _height="120"><br><br>
<FONT style="LINE-HEIGHT: normal; FONT-VARIANT: normal; FONT-STYLE: normal; FONT-SIZE: 12pt; FONT-WEIGHT: normal" color=#ff0033 face=方正小标宋繁体>天亮了<br>
你睡了吗<br>
或者你也正在<br>
望着玻璃窗<br>
静静地想<br>
还会快乐吗<br>
天气放晴了吗<br>
春天快来了吗</FONT><br><br></DIV>
<DIV align=center><IMG border=0 src="https://www.huachaowang.com/data/attachment/forum/202107/20/222320vpda3kbikkvz8ucu.gif" width=353 _height="120"><br><br>
<EMBED style="MARGIN-TOP: 20px; MARGIN-LEFT: 80px" WIDTH: 646px; HEIGHT: 542px" pluginspage=http://www.macromedia.com/go/getflashplayer src=https://wjl136.oss-cn-beijing.aliyuncs.com/21/za/79.swf width=646 height=542 type=application/x-shockwave-flash wmode="transparent" quality="high" allowscriptaccess="never"></EMBED>
</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><br><br><br><br><br><br><br><br><br><br><br><br>
大仓库
本帖最后由 绿叶清舟 于 2022-1-26 21:02 编辑 <br /><br /><DIV align=center>
<tablestyle="position: relative; LEFT: -280px; width:1200px;TOP: 180px"border="0" cellspacing="0" cellpadding="0">
<TBODY><TR><TD height=800 background=https://pic.imgdb.cn/item/61e81ae82ab3f51d9166d071.jpg>
<style type="text/css">
.box{
width: 200px;
height: 200px;
box-sizing: border-box;
border: 1px solid #cb6341;
position: fixed;
left: 50%;
top: 50%;
margin-top: -100px;
margin-left: -100px;
}
.box:after, .box:before{
content: "";
width: 110%;
height: 110%;
box-sizing: border-box;
border: 2px solid;
position: absolute;
top: -5%;
left: -5%;
animation: boxBorder 6s linear infinite;
}
.box:before{
animation-delay: -3s;
}
/* 布局结束 */
/* 动画开始 */
@keyframes boxBorder {
0%{
border-color: #fff;
clip: rect(0, 220px, 2px ,0);
}
25%{
border-color: yellow;
clip: rect(0, 2px, 220px ,0);
}
50%{
border-color: blue;
clip: rect(218px, 220px, 220px ,0);
}
75%{
border-color: green;
clip: rect(0, 220px, 220px ,218px);
}
100%{
border-color: aqua;
clip: rect(0, 220px, 2px ,0);
}
}
</style>
<div style="position: relative; LEFT: 580px; width:200px;TOP: 180px" class="box"> <div class="icon icon1"></div> <div class="icon icon2"></div><iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=200 height=200 src="音乐"></iframe></div>
</TD></TR>
</table></div><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>
本帖最后由 绿叶清舟 于 2022-3-14 17:30 编辑 <br /><br />{:4_190:}
本帖最后由 绿叶清舟 于 2022-1-30 19:57 编辑 <br /><br /><style type="text/css">
.btn-ro {
width: 8px; height: 8px;
background: white;
border: 13px solid;
border-color: #DD226D #FDF0F5;
border-radius: 50%;
box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.25);
cursor: pointer;
animation: rol linear 2s infinite;
}
.btn-ro:hover { opacity: 0.8; }
.btn-ro:active { opacity: 1; }
@keyframes rol { to { transform:rotate(360deg); } }
</style>
<DIV align=center color=#ff0000 >
<tablestyle="position: relative; LEFT: -280px; width:1200px;TOP: 180px"border="0" cellspacing="0" cellpadding="0">
<TBODY><TR><TD height=800 background=https://pic.imgdb.cn/item/61f13cb32ab3f51d91add943.jpg>
<div class="lantern-con" style="position:relative;left:50px;top:-268px;">
<div class="lantern-line"></div>
<div class="lantern-light">
<div class="lantern-circle">
<div class="lantern-rect">
<div class="lantern-text">除夕</div>
</div>
</div>
<div class="lantern-tassel-top">
<div class="lantern-tassel-middle"></div>
<div class="lantern-tassel-bottom"></div>
</div>
</div>
</div>
<audio id="ymusic" src="http://music.163.com/song/media/outer/url?id=1810182241.mp3" autoplay="autoplay" loop="loop"></audio>
<script>
var mu = document.getElementById('ymusic');
var mbtn = document.getElementById('btn-ro');
mu.autoplay ? mbtn.style.animationPlayState="running" : mbtn.style.animationPlayState="paused";
mu.addEventListener("ended", function(){ mbtn.style.animationPlayState="paused"; })
mbtn.onclick = function(){ mu.paused ? (mu.play(), mbtn.style.animationPlayState="running") : (mu.pause(), mbtn.style.animationPlayState="paused"); }
</script>
</TD></TR>
</table></div><BR><BR><BR><BR><BR><BR><BR>
<DIV align=center color=#ff0000 >
<tablestyle="position: relative; LEFT: -280px; width:1200px;TOP: 180px"border="0" cellspacing="0" cellpadding="0">
<TBODY><TR><TD height=800 background=https://pic.imgdb.cn/item/61f13cb32ab3f51d91add943.jpg>
<div class="lantern-con" style="position:relative;left:50px;top:-268px;">
<div class="lantern-line"></div>
<div class="lantern-light">
<div class="lantern-circle">
<div class="lantern-rect">
<div class="lantern-text">除夕</div>
</div>
</div>
<div class="lantern-tassel-top">
<div class="lantern-tassel-middle"></div>
<div class="lantern-tassel-bottom"></div>
</div>
</div>
</div>
</TD></TR>
</table></div><BR><BR><BR><BR><BR><BR><BR>
<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=3 height=6 src="//music.163.com/outchain/player?type=2&id=538601138&auto=1&height=6"></iframe>
除夕谣
本帖最后由 绿叶清舟 于 2022-1-30 21:29 编辑 <br /><br />{:4_190:}
本帖最后由 绿叶清舟 于 2022-1-27 21:36 编辑 <br /><br /><style type="text/css">
.paBox { /* 父框 */
margin: 10px auto;
width: 1080px;
height: 675px;
position: relative;
background: #000 url('https://pic.imgdb.cn/item/61f29e832ab3f51d91ec8955.jpg') no-repeat;
left: -210px;
}
/* 父框和 .soBox 的伪元素共同样式 */
.paBox::before, .paBox::after, .soBox::before, .soBox::after {
content: "";
position: absolute;
width: 380px; height: 2px;
background: silver;
left: 160px; top: 230px;
opacity: 0.1;
transform-origin: center center;
}
/* 父框和 .soBox 的伪元素各自的动画样式 */
.paBox::before { animation: fly 2s linear infinite alternate;}
.paBox::after { height: 4px; animation: fly 5s linear infinite;}
.soBox::before { animation: fly 3s linear infinite;}
.soBox::after { height: 5px; animation: fly 1s linear infinite alternate;}
@keyframes fly { 100% { transform: rotate(360deg); } }
</style>
<div id="paBox" class="paBox">
<div class="soBox"></div>
</div>
本帖最后由 绿叶清舟 于 2022-2-1 12:12 编辑
<style type="text/css">
/* 旋转按钮二 仿光盘 34*34
利用 borderr-color 着背景色
HTML代码：<div id="btn-ro" class="btn-ro"></div>
*/
.btn-ro {
width: 8px; height: 8px;
background: white;
border: 13px solid;
border-color: #B34D76 #EED2EE;
border-radius: 50%;
box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.25);
cursor: pointer;
animation: rol linear 2s infinite;
}
.btn-ro:hover { opacity: 0.8; }
.btn-ro:active { opacity: 1; }
@keyframes rol { to { transform:rotate(360deg); } }
</style>
<DIV align=center color=#ff0000 >
<tablestyle="position: relative; LEFT: -280px; width:1200px;TOP: 180px"border="0" cellspacing="0" cellpadding="0">
<TBODY><TR><TD height=1000 background=https://pic.imgdb.cn/item/61f8b10b2ab3f51d91845a79.gif>
</TD></TR><TR><TD height=1000 background=https://pic.imgdb.cn/item/61f8b1292ab3f51d9184745c.jpg>
</TD></TR>
</table></div><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>
<audio id="ymusic" src="https://sharefs.ali.kugou.com/202202011155/9b5814cee966c32802d94855fd87fb3d/KGTX/CLTX001/c1b5af4b2b0c4cbafd844897f199cd00.mp3" autoplay="autoplay" loop="loop"></audio>
<div style="position: relative; LEFT: -130px; TOP:-180px" class="btn-ro"></div>
<script>
var mu = document.getElementById('ymusic');
var mbtn = document.getElementById('btn-ro');
mu.autoplay ? mbtn.style.animationPlayState="running" : mbtn.style.animationPlayState="paused";
mu.addEventListener("ended", function(){ mbtn.style.animationPlayState="paused"; })
mbtn.onclick = function(){ mu.paused ? (mu.play(), mbtn.style.animationPlayState="running") : (mu.pause(), mbtn.style.animationPlayState="paused"); }
</script>