寒冬残荷 发表于 2022-9-3 10:32

提前祝大家中秋节快乐！

<style type="text/css">
#div1 {position:relative;width:1000px; height:600px; margin-top:0px; overflow:hidden; border:2px #844200 solid; background:url(https://z3.ax1x.com/2021/08/26/hujGMd.gif)85% 5% no-repeat,url(https://www.z4a.net/images/2022/08/31/527ca371c9d3b4360b1f8505e5b729af.jpg)0 0/100% 100%;}
#div2 {position : absolute;width:400px; height:310px; top:70px; left:310px; border:0px #000000 solid;background:url(https://pic.imgdb.cn/item/63116aa016f2c2beb1c43d3b.jpg)0 0/100% 100%;}
#div3 {width:365px;height:270px; margin-left:16px; margin-top:22px;overflow:hidden;border:1px #000000 solid; }
#div5{position: absolute; width:870px;height:100px;top:420px; left:75px;border:0px solid #ff0000; overflow : hidden; font-family:华文彩云,微软雅黑,Arial,Lucida Grande,Tahoma,sans-serif; font-size:70px;color: #ffdc35;font-weight: bold;line-height: 85px;text-align: center;}
#div6{position:relative;width:870px;height:100px;overflow: hidden; border:0px solid #ff0000; padding : 0px; animation: mymove 10s linear infinite }
@keyframes mymove{
from {left:870px;}
to {left:-870px;}}
@-webkit-keyframes mymove   /* Safari and Chrome */
{
from {left:870px;}
to {left:-870px;}}
</style>

<div id="div1">
<div id="div2">
<div id="div3" >
<iframe id="div4" frameborder="0" src="https://v.qq.com/txp/iframe/player.html?vid=d0328tbhywz&amp;autoplay=true" style="width:500px;height:360px; margin-top:-50px;margin-left:-67px; " allowfullscreen="false"></iframe>
<script type="text/javascript">
var ljdz1=[
"https://v.qq.com/txp/iframe/player.html?vid=o3050duk5jc&autoplay=true",
"https://v.qq.com/txp/iframe/player.html?vid=q0542q20ehx&autoplay=true",
"https://v.qq.com/txp/iframe/player.html?vid=d0328tbhywz&autoplay=true"
];
var i=0;
function qiehuan(){
document.getElementById("div4").src=ljdz1;
i++;if(i >=ljdz1.length){i=0;}
}
setInterval("qiehuan()",225000);
</script>
</div></div>

<style type="text/css">
.deng-box1 {position: absolute;top: 0px;left: 100px; z-index: 9999;pointer-events: none;}
.deng-box2 {position: absolute;top: 0px;left: 280px;z-index: 9999;pointer-events: none;}
.deng-box3 {position: absolute;top: 0px;left: 640px;z-index: 9999;pointer-events: none;}
.deng-box4 {position: absolute;top: 0px;left: 460px;z-index: 9999;pointer-events: none;}
.deng-box1 .deng {position: relative;width: 120px;height: 90px;margin: 50px;background: #d8000f;background: rgba(216, 0, 15, 0.8);border-radius: 50% 50%;-webkit-transform-origin: 50% -100px;-webkit-animation: swing 3s infinite ease-in-out;box-shadow: -5px 5px 50px 4px rgba(250, 108, 0, 1);}
.deng-box2 .deng {position: relative;width: 120px;height: 90px;margin: 50px;background: #d8000f;background: rgba(216, 0, 15, 0.8);border-radius: 50% 50%;-webkit-transform-origin: 50% -100px;-webkit-animation: swing 4s infinite ease-in-out;box-shadow: -5px 5px 30px 4px rgba(252, 144, 61, 1);}
.deng-box3 .deng {position: relative;width: 120px;height: 90px;margin: 50px;background: #d8000f;background: rgba(216, 0, 15, 0.8);border-radius: 50% 50%;-webkit-transform-origin: 50% -100px;-webkit-animation: swing 5s infinite ease-in-out;box-shadow: -5px 5px 50px 4px rgba(250, 108, 0, 1);}
.deng-box4 .deng {position: relative;width: 120px;height: 90px;margin: 50px;background: #d8000f;background: rgba(216, 0, 15, 0.8);border-radius: 50% 50%;-webkit-transform-origin: 50% -100px;-webkit-animation: swing 4s infinite ease-in-out;box-shadow: -5px 5px 30px 4px rgba(252, 144, 61, 1);}
.deng-a {width: 100px;height: 90px;background: #d8000f;background: rgba(216, 0, 15, 0.1);margin: 12px 8px 8px 10px;border-radius: 50% 50%;border: 2px solid #dc8f03;}
.deng-b {width: 45px;height: 90px;background: #d8000f;background: rgba(216, 0, 15, 0.1);margin: -2px 8px 8px 26px;border-radius: 50% 50%;border: 2px solid #dc8f03;}
.xian {position: absolute;top: -50px;left: 60px;width: 2px;height: 50px;background: #dc8f03;}
.shui-a {position: relative;width: 5px;height: 20px;margin: -5px 0 0 59px;-webkit-animation: swing 4s infinite ease-in-out;-webkit-transform-origin: 50% -45px;background: #ffa500;border-radius: 0 0 5px 5px;}
.shui-b {position: absolute;top: 14px;left: -2px;width: 10px;height: 10px;background: #dc8f03;border-radius: 50%;}
.shui-c {position: absolute;top: 18px;left: -2px;width: 10px;height: 35px;background: #ffa500;border-radius: 0 0 0 5px;}
.deng:before {position: absolute;top: -7px;left: 29px;height: 12px;width: 60px;content: " ";display: block;z-index: 999;border-radius: 5px 5px 0 0;border: solid 1px #dc8f03;background: #ffa500;background: linear-gradient(to right, #dc8f03, #ffa500, #dc8f03, #ffa500, #dc8f03);}
.deng:after {position: absolute;bottom: -7px;left: 10px;height: 12px;width: 60px;content: " ";display: block;margin-left: 20px;border-radius: 0 0 5px 5px;border: solid 1px #dc8f03;background: #ffa500;background: linear-gradient(to right, #dc8f03, #ffa500, #dc8f03, #ffa500, #dc8f03);}
.deng-t {font-family:微软雅黑,Arial,Lucida Grande,Tahoma,sans-serif; font-size:3.2rem;color:#dc8f03; font-weight:bold; line-height: 85px;
text-align: center;}
.night .deng-t, .night .deng-box, .night .deng-box1 {background: transparent !important;}
@-moz-keyframes swing {
0% {-moz-transform: rotate(-10deg)}
50% {-moz-transform: rotate(10deg)}
100% {-moz-transform: rotate(-10deg)}
}
@-webkit-keyframes swing {
0% {-webkit-transform: rotate(-10deg)}
50% {-webkit-transform: rotate(10deg)}
100% {-webkit-transform: rotate(-10deg)}
}
</style>
<div class="deng-box1">
<div class="deng">
<div class="xian"></div>
<div class="deng-a">
<div class="deng-b"><div class="deng-t">中</div></div>
</div>
<div class="shui shui-a"><div class="shui-c"></div><div class="shui-b"></div></div>
</div>
</div>
<div class="deng-box2">
<div class="deng">
<div class="xian"></div>
<div class="deng-a">
<div class="deng-b"><div class="deng-t">秋</div></div>
</div>
<div class="shui shui-a"><div class="shui-c"></div><div class="shui-b"></div></div>
</div>
</div>
<div class="deng-box3">
<div class="deng">
<div class="xian"></div>
<div class="deng-a">
<div class="deng-b"><div class="deng-t">乐</div></div>
</div>
<div class="shui shui-a"><div class="shui-c"></div><div class="shui-b"></div></div>
</div>
</div>
<div class="deng-box4">
<div class="deng">
<div class="xian"></div>
<div class="deng-a">
<div class="deng-b"><div class="deng-t">快</div></div>
</div>
<div class="shui shui-a"><div class="shui-c"></div><div class="shui-b"></div></div>
</div>
</div>
<div id="div5">
<div id="div6">提前祝大家中秋节快乐！</div>
</div>

</div>

非常开心 发表于 2022-9-3 14:07

欣赏楼主的新作，多谢分享！点赞

蓝魔 发表于 2022-9-3 22:50

欣赏一下，谢谢。

195400 发表于 2022-9-4 10:50

http://www.yinhuabbs.cn/data/attachment/forum/201912/23/081932efdaeebejfcgdclj.gif

红枫 发表于 2022-9-4 17:55

谢谢分享，同祝中秋节快乐！

若链接的是自己上传的腾电视频，播放时应该是无广告的。

寒冬残荷 发表于 2022-9-6 22:41

非常开心 发表于 2022-9-3 14:07
欣赏楼主的新作，多谢分享！点赞

谢谢您的支持！迟复为歉！

寒冬残荷 发表于 2022-9-6 22:42

蓝魔 发表于 2022-9-3 22:50
欣赏一下，谢谢。

谢谢您的支持！迟复为歉！

寒冬残荷 发表于 2022-9-6 22:43

195400 发表于 2022-9-4 10:50


谢谢老师的鼓励与支持！老师，老网网名“起个好网名好难”是您吧？

寒冬残荷 发表于 2022-9-6 22:47

红枫 发表于 2022-9-4 17:55
谢谢分享，同祝中秋节快乐！

若链接的是自己上传的腾电视频，播放时应该是无广告的。

谢谢您的支持！迟复为歉！我在腾讯没有上传有关中秋内容的视频。但腾讯视频网最近改版了，网站要重新注册才得上传视频，我还没有重新注册，感觉有点麻烦……

lrctz 发表于 2022-9-7 21:55

挺好，完整的看到了。好久没上来了，能看到这么优秀有贴子！很喜庆。祝中秋快乐花好月圆。
页: [1]
查看完整版本: 提前祝大家中秋节快乐！