中秋节已经过完了！我们准备国庆节的欢乐帖吧！ - 第2页 - 欢乐水吧 - 花潮论坛

红影发表于 2021-9-23 15:09

加林森发表于 2021-9-22 23:04
节日多了嘛，我感觉必须搞点活动，让论坛热闹热闹啊！

好啊，队长想搞点什么活动呢？

涵蕾发表于 2021-9-23 16:04

又可以听到好多音乐了{:4_199:}赞赞赞

加林森 发表于 2021-9-23 21:09

本帖最后由加林森于 2022-3-27 19:09 编辑 <br /><br />涵蕾发表于 2021-9-23 16:04
又可以听到好多音乐了赞赞赞
谢谢涵蕾喜欢。{:4_171:}

<style type="text/css">
/* 帖子容器 */
#tzDiv {
   position: relative;
   left: -214px;
   width: 1024px;
   height: 600px;
   top: 80px;
   background: #eee url('https://pic.imgdb.cn/item/6240394a27f86abb2a117a78.jpg') no-repeat center/cover;
   opacity: 0.8;
}
/* 音乐控制按钮 */
.picBtn {
   position: absolute;
   width: 100px;
   height: 100px;
   left: 180px;
   bottom: 60px;
   border: none;
   outline: none;
   border-radius: 8px;
   background: transparent url('https://pic.imgdb.cn/item/622a00ea5baa1a80ab412ada.gif') no-repeat;
   cursor: pointer;
}
/* 文本时钟 */
#textClock {
   position: absolute;
   top: 180px;
   right: 200px;
   width: 300px;
   height: 30px;
   font: 20px / 30px Sans-Serif;
   text-align: center;
}
/* 走马灯父框 */
.txtFly {
   position: absolute;
   width: 260px;
   height: 30px;
   right: 100px;
   bottom: 100px;
   overflow: hidden;
}
/* 走马灯文本 */
.txtFly div {
   position: absolute;
   left: 260px;
   font: normal 18px /20px Sans-Serif;
   word-break: keep-all;
   white-space:nowrap;
}
/* 变色文本 */
.txtBg {
   position: absolute;
   top: 80px;
   right: 100px;
   font-size: 4rem;
   color: transparent;
   width: 500px;
   height: 100px;
   line-height: 100px;
   text-align: center;
   background-image: linear-gradient(90deg, green, olive, transparent, tomato, green);
   background-size: 500px 100px;
   background-position: 500px 0;
   border: 1px solid;
   background-clip: text;
   -webkit-background-clip: text;
   animation: chgc 2s linear infinite;
}
/* 文本变色动画 */
@keyframes chgc {
   from { background-position: -500px 0; }
   to { background-position: 0 0; }
}

<p class ="fsText">敢爱敢做</p>
   <div class="txtFly">
            <div id="ziFly">敢爱敢做 - 林子祥街边焦急的我
餐厅忧郁的你
隔片沙玻璃
两眼带些伤悲
交通灯边的我
紧抱深爱的你
听呼吸声确已急速到死
冷雨扑向我
点点纷飞
千度高温波涛由你涌起
个个说我太狂笑我不羁
敢于交出真情哪算可鄙
狂抱拥
不需休息的吻
不需呼吸空气
不需街边观众远离
微雨中
身边车辆飞过
街里路人走过
交通灯催促过
剩下独是我跟你
收紧一双手臂
箍紧身边的你
透过湿恤衫
贴向你的肤肌
身边多少指责
都已一概不理
爱得真心
我俩应该吻死
冷雨扑向我
点点纷飞
千度高温波涛由你涌起
个个说我太狂笑我不羁
敢于交出真情哪算可鄙
狂抱拥
不需休息的吻
不需呼吸空气
不需街边观众远离
微雨中
身边车辆飞过
街里路人走过
交通灯催促过
剩下独是我跟你
就让宇宙塌下
世界变了荒地
日月碎做陨石
我俩也吻着到每个世纪
狂抱拥
不需休息的吻
不需呼吸空气
不需街边观众远离
微雨中
身边车辆飞过
街里路人走过
交通灯催促过
剩下独是我跟你</div>
   </div>
   <button id="picBtn" class="picBtn"></button>
   <audio id="music" src="http://www.kumeiwp.com/sub/filestores/2022/03/27/8e9011de3048aa9921ae521779d38511.mp3" loop="loop" autoplay="autoplay" ></audio>
</div>

<script language="javascript">

fly(); //运行走马灯
showTime(); //显示时间
setInterval(showTime, 1000); //运行时钟

//文本时钟函数
function showTime(){
   var now = new Date();
   var year = now.getFullYear();
   var month = now.getMonth() + 1;
   var date = now.getDate();
   var day = now.getDay();
   var hour = now.getHours();
   if(hour < 10) hour = "0" + hour;
   var minute = now.getMinutes();
   if(minute < 10) minute = "0" + minute;
   var second = now.getSeconds();
   if(second < 10) second = "0" + second;
   document.getElementById("textClock").innerHTML = year + "年" + month + "月" + date + "日星期" + toHz(day) + "" + hour + ":" + minute + ":" + second;
}
function toHz(num) { var hz = "日一二三四五六九"; return(hz.charAt(num)); }
//音乐控制代码
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/622a00ea5baa1a80ab412ada.gif')") : (mu.pause(), btn.style.background="url('https://pic.imgdb.cn/item/622a01115baa1a80ab414665.png')");
}

mu.addEventListener("ended", function(){
   btn.style.background="url('https://pic.imgdb.cn/item/622a01115baa1a80ab414665.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';
}
</script>

加林森 发表于 2021-9-23 21:11

红影发表于 2021-9-23 15:09
好啊，队长想搞点什么活动呢？

就是庆祝活动啊

加林森 发表于 2021-9-23 21:13

马黑黑发表于 2021-9-23 12:41
瓜皮

黑瓜皮

马黑黑 发表于 2021-9-23 21:34

加林森发表于 2021-9-23 21:13
黑瓜皮

好吃多吃

加林森 发表于 2021-9-23 21:39

马黑黑发表于 2021-9-23 21:34
好吃多吃

我从来不吃

马黑黑 发表于 2021-9-23 21:40

加林森发表于 2021-9-23 21:39
我从来不吃

不吃不够健康

加林森 发表于 2021-9-23 21:44

马黑黑发表于 2021-9-23 21:40
不吃不够健康

吃了才不健康

杨柳青 发表于 2021-9-23 21:50

国庆节怎么过呢~~~~准备几桌~~~~{:5_115:}

马黑黑 发表于 2021-9-23 21:51

加林森发表于 2021-9-23 21:44
吃了才不健康

说反了说反了

小辣椒 发表于 2021-9-23 21:57

加林森发表于 2021-9-22 23:16
好的好的，我立即下去休息了。
小辣椒晚安，祝你好梦~~~~~~~~~~~~~~
拜~~~~~~~~~~~~~~~~

队长每天都这么迟睡觉{:4_203:}

加林森 发表于 2021-9-23 21:57

马黑黑发表于 2021-9-23 21:51
说反了说反了

不反不反{:4_170:}

加林森 发表于 2021-9-23 21:58

杨柳青发表于 2021-9-23 21:50
国庆节怎么过呢~~~~准备几桌~~~~

你想吃？你知不知道中央的决定？你想干什么？

杨柳青 发表于 2021-9-23 22:06

加林森发表于 2021-9-23 21:58
你想吃？你知不知道中央的决定？你想干什么？

队长是领导干部当然受制于中央决定咯~~~~杨柳是平民百姓可以大吃特吃~~~~不过队长什么意思呢~~~~不会让杨柳请客吧~~~~{:5_115:}

加林森 发表于 2021-9-23 22:07

杨柳青发表于 2021-9-23 22:06
队长是领导干部当然受制于中央决定咯~~~~杨柳是平民百姓可以大吃特吃~~~~不过队长什么意思呢~~~~不会让杨 ...

不会的，你放心哈。我就是让你参加活动啊！

小辣椒 发表于 2021-9-23 22:07

杨柳青发表于 2021-9-23 22:06
队长是领导干部当然受制于中央决定咯~~~~杨柳是平民百姓可以大吃特吃~~~~不过队长什么意思呢~~~~不会让杨 ...

我刚准备下，看见小杨柳了{:4_187:}

杨柳青 发表于 2021-9-23 22:10

加林森发表于 2021-9-23 22:07
不会的，你放心哈。我就是让你参加活动啊！

好啊~~~~队长的活动杨柳一定参加~~~~不过~~~~{:5_153:}

加林森 发表于 2021-9-23 22:10

小辣椒发表于 2021-9-23 21:57
队长每天都这么迟睡觉

习惯了不容易改掉啊。
小辣椒你该休息了，快去睡觉吧。晚安，好梦~~~~~~~~~~~~~~~~~~~~
拜~~~~~~~~~~~

杨柳青 发表于 2021-9-23 22:10

小辣椒发表于 2021-9-23 22:07
我刚准备下，看见小杨柳了

才几点啊~~~~又要回去看全运会啦~~~~{:5_115:}

页: 1 [2] 3 4 5 6 7

花潮论坛's Archiver