本帖最后由 加林森 于 2022-3-28 19:57 编辑 <br /><br />杨柳青 发表于 2021-9-23 22:10
好啊~~~~队长的活动杨柳一定参加~~~~不过~~~~
你又怎么啦？
<div class="t_fsz">
<table cellspacing="0" cellpadding="0"><tr><td class="t_f" id="postmessage_1500930">
<style type="text/css">
/* 帖子容器 */
#tzDiv {
position: relative;
left: -304px;
width: 1200px;
height: 660px;
top: 80px;
background: #eee url('https://pic.imgdb.cn/item/62417ff027f86abb2a2f62fc.jpg') no-repeat center/cover;
opacity: 0.95;
box-shadow: 4px 4px 5px #888;border-radius:12px;
}
/* 音乐控制按钮 */
.picBtn {
position: absolute;
width: 100px;
height: 100px;
left: 450px;
top: 200px;
border: none;
outline: none;
border-radius: 8px;
background: transparent url('https://pic.imgdb.cn/item/623404e65baa1a80abe4e2fb.gif') no-repeat;
cursor: pointer;
}
body { overflow-x: hidden; } /*禁用横向滚动条 */
#baiBox {
margin: auto;
width: 360px;
text-align: center;
font-size: 3rem;
font-weight: bold;
color: #A7F394;
transform-origin: top;
animation: yao 0.8s linear infinite alternate;
}
@keyframes yao {
from{transform: perspective(800px) rotatex(30deg); }
to { transform: perspective(800px) rotatex(-30deg); }
}
/* 动图定位 */
.dongtu {
position: absolute;left:-320px; top: -50px; width:200px;
width: 200px;
height: 224px;
left: 580px;
top: 250px;
}
/* 走马灯父框 */
.txtFly {
position: absolute;
width: 260px;
height: 230px;
left: 120px;
top: 312px;
overflow: hidden;
}
/* 走马灯文本 */
.txtFly div {
position: absolute;
left: 260px;
font: normal 18px /20px Sans-Serif;
word-break: keep-all;
white-space:nowrap;
}
.myBall2 {
margin: 10px auto 0;
width: 418px;
height: 418px;
border-radius: 50%;
opacity: .7;
position: absolute;
left: 176px;
top:157px;
background-image: linear-gradient(120deg, #d4fc79 0%, #96e6a1 100%);
animation: turn 2s linear infinite;
}
@keyframes turn {
to { transform: rotate(-1turn); }
}
</style>
<div id="tzDiv">
<div id="baiBox" style="position: absolute; left:660px; top: 100px; ">护花使者 (Live)</div>
<div class="myBall2"></div>
<div class="dongtu">
<img alt="" src="https://pic.imgdb.cn/item/62413bd227f86abb2a127f9e.gif"/>
<div class="txtFly">
<div id="ziFly">《护花使者 (Live) 歌手: 李克勤 所属专辑: 《李克勤&香港小交响乐团 演奏厅2011》 介绍:《护花使者 (Live)》是 李克勤 演唱的歌曲,该歌曲收录在《李克勤&香港小交响...</div></div>
<button id="picBtn" class="picBtn"></button>
<audio id="music" src="http://www.kumeiwp.com/sub/filestores/2022/03/27/114ce6402222b3b8adf21ff19eebf0aa.mp3" loop="loop" autoplay="autoplay" ></audio>
</div><br><br><br><br><br>
<script language="javascript">
fly();
var mu = document.getElementById('music');
var btn = document.getElementById('picBtn');
btn.onclick = function(){
mu.paused ? (mu.play(), btn.style.background="url('https://pic.imgdb.cn/item/623404e65baa1a80abe4e2fb.gif')") : (mu.pause(), btn.style.background="url('https://pic.imgdb.cn/item/623405065baa1a80abe502bf.png')");
}
mu.addEventListener("ended", function(){
btn.style.background="url('https://pic.imgdb.cn/item/623405065baa1a80abe502bf.png')";
});
//创建走马灯
function fly() {
var ziFly = document.getElementById('ziFly');
var width = ziFly.clientWidth;
var style = document.createElement('style');
style.type = 'text/css';
var flyStr = '@keyframes fly {to { left: -' + width + 'px; } }';
style.innerHTML = flyStr;
ziFly.appendChild(style);
ziFly.style.animation = 'fly 40s linear infinite';
}
setInterval(function() {
let c1 = `#${Math.random().toString(16).substr(-6)}`;
let c2 = `#${Math.random().toString(16).substr(-6)}`;
document.querySelector('.myBall2').style.background = `linear-gradient(120deg, ${c1} 0%, ${c2} 100%)`;
}, 2000);
</script>
<br><br><br><br><br><br><br><br><br><br><br><br><br></td></tr></table>
加林森 发表于 2021-9-23 22:12
你又怎么啦？
活动在哪儿~~~~{:5_115:}
加林森 发表于 2021-9-23 22:12
你又怎么啦？
活动横幅~~~~~{:5_115:}
杨柳青 发表于 2021-9-23 22:14
活动横幅~~~~~
你可以参加自己本地庆祝好的，然后录点像，自己添加嘛。
杨柳青 发表于 2021-9-23 22:13
活动在哪儿~~~~
就在本水区！
加林森 发表于 2021-9-23 22:21
你可以参加自己本地庆祝好的，然后录点像，自己添加嘛。
原来这样啊~~~~{:5_117:}
加林森 发表于 2021-9-22 23:01
没有今天了啊
今天 被谁煮了啊
杨柳青 发表于 2021-9-23 22:22
原来这样啊~~~~
当然
加林森 发表于 2021-9-23 22:21
就在本水区！
到时候千万不要像钱塘江大潮~~~~这水~~~~{:4_170:}
加林森 发表于 2021-9-23 22:23
当然
可是~~~~队长~~~~{:5_153:}
绿叶清舟 发表于 2021-9-23 22:22
今天 被谁煮了啊
什么啊？我没有懂你的意思！
杨柳青 发表于 2021-9-23 22:23
到时候千万不要像钱塘江大潮~~~~这水~~~~
怎么啦？
加林森 发表于 2021-9-23 22:26
什么啊？我没有懂你的意思！
你说今天没有了啊，不是煮了吃了咋会没有的呢
杨柳青 发表于 2021-9-23 22:25
可是~~~~队长~~~~
小家伙，你怎么这么多的问题啊？{:5_165:}
加林森 发表于 2021-9-23 22:27
怎么啦？
水区的水啊~~~~到时候越灌越多~~~水漫金山~~~~{:4_173:}
绿叶清舟 发表于 2021-9-23 22:28
你说今天没有了啊，不是煮了吃了咋会没有的呢
今天没有了，等明天，等到我们水区活动开始就好了！
杨柳青 发表于 2021-9-23 22:29
水区的水啊~~~~到时候越灌越多~~~水漫金山~~~~
这样不好吗？
加林森 发表于 2021-9-23 22:28
小家伙，你怎么这么多的问题啊？
哎~~~算啦~~~明天再问吧~~~反正活动还早着呢对吧~~~~{:5_106:}
加林森 发表于 2021-9-23 22:31
这样不好吗？
好像是好啊~~~~可是犹如钱塘江的水~~~~哦~~~~只要比喻是不是~~~~{:5_153:}
杨柳青 发表于 2021-9-23 22:31
哎~~~算啦~~~明天再问吧~~~反正活动还早着呢对吧~~~~
对头