再回到从前 - 第4页 - 欢乐水吧 - 花潮论坛

马黑黑 发表于 2021-10-12 19:00

这个不是阅读权限250？

大猫咪 发表于 2021-10-12 19:39

队长晚上好{:4_204:}继续欣赏！{:4_204:}{:4_190:}

小辣椒 发表于 2021-10-12 19:41

大猫咪发表于 2021-10-12 19:39
队长晚上好继续欣赏！

猫猫也是学习做一次，就直接套用花潮论坛的播放器

大猫咪 发表于 2021-10-12 19:42

小辣椒发表于 2021-10-12 19:41
猫猫也是学习做一次，就直接套用花潮论坛的播放器

好的辣椒， {:4_187:}空了一定学习{:4_190:}

小辣椒 发表于 2021-10-12 19:44

大猫咪发表于 2021-10-12 19:42
好的辣椒，空了一定学习

看看水区送队长的花潮论坛的播放器代码，复制后，换图片和音乐就可以了

大猫咪 发表于 2021-10-12 19:45

小辣椒发表于 2021-10-12 19:44
看看水区送队长的花潮论坛的播放器代码，复制后，换图片和音乐就可以了

好的辣椒 {:4_179:}

小辣椒 发表于 2021-10-12 19:48

大猫咪发表于 2021-10-12 19:45
好的辣椒

现在就去看看，复制代码到记事本上，找个图，换个音乐就OK了

大猫咪 发表于 2021-10-12 19:49

小辣椒发表于 2021-10-12 19:48
现在就去看看，复制代码到记事本上，找个图，换个音乐就OK了

好

大猫咪 发表于 2021-10-12 19:50

小辣椒发表于 2021-10-12 19:48
现在就去看看，复制代码到记事本上，找个图，换个音乐就OK了

辣椒地址给我下

加林森 发表于 2021-10-12 19:52

本帖最后由加林森于 2021-12-6 22:09 编辑 <br /><br />马黑黑发表于 2021-10-12 19:00
这个不是阅读权限250？
取消了，帖子制作过程中怕失败，占空间啊。

<br><br><div style="LEFT: -100px; WIDTH: 960px; POSITION: relative; TOP: 0px">
<div style="float:left;border:solid 1px 000;"><img src="https://s4.ax1x.com/2021/12/06/oy1wM8.gif"></div>

<br>
<div align="center" style="position: relative;">
<script type="text/javascript">
document.write("<scr"+"ipt src='https://wj.zp68.com/lxx/yunhua/20211108/players/jquery.js'></sc"+"ript>")
document.write("<scr"+"ipt src='https://wj.zp68.com/lxx/yunhua/20211108/players/player.js'></sc"+"ript>")
document.write("<scr"+"ipt src='https://wj.zp68.com/lxx/yunhua/20211108/players/fineplay/player/fineplay.js'></sc"+"ript>")
</script>
<link href="https://wj.zp68.com/lxx/yunhua/20211108/players/fineplay/player/fineplay.css" rel="stylesheet" type="text/css">
<div style="margin:0px auto;">

<ul class="player-audios" style="display:none;">
         <li data-artist="" data-title="任静 - 雨中的孤雁" data-album="" data-info="" data-image="" data-duration="0">
            <div class="player-source" data-src="https://www.80wp.com/wj/3011109/a57d2bdb03063b85425ec7559238badb.mp3" data-type="audio/mpeg" />
         </li>
   </ul>
</div>
</div>
</div>
<br>
<br><br>

         </li>
      </ul>
</div>
</div>
</div>

马黑黑 发表于 2021-10-12 19:53

加林森发表于 2021-10-12 19:52
取消了，帖子制作过程中怕失败，占空间啊。

哦。失败了可以删除的

加林森 发表于 2021-10-12 19:53

本帖最后由加林森于 2022-3-16 15:34 编辑 <br /><br />大猫咪发表于 2021-10-12 19:39
队长晚上好继续欣赏！
猫猫晚上好！{:4_204:}

<style>
#bgBox { position:relative; left: -5px; width: 770px; height: 433px; background-image: url('https://pic.imgdb.cn/item/623192ba5baa1a80abe013da.jpg'); background-size: 770px 433px; background-position: 770px 0; opacity: .75; animation: mv 5s linear infinite; }
#clkBtn { width: 100px; height: 100px; border-radius: 50%; background: rgba(0, 0, 0, .8); cursor: pointer; position: relative; }
#clkBtn::before { content: ''; position: absolute; left: 5px; top: 5px; background: rgba(0, 0, 0, .2); width: 88px; height: 88px; border: 1px solid #555; border-radius: 50%; }
#zhizhen { position: absolute; left: 50px; top: 50px; width: 2px; height: 44px; background: red; transform-origin: 0 0; animation: go 3s linear infinite; }
@keyframes go { to { transform: rotate(360deg);} }
@keyframes mv { from { background-position: -770px 0; } to { background-position: 0 0; } }

</style>

<div id="bgBox">
   <div id="clkBtn" style="left: 20px; top: calc(100% - 120px);">
            <div id="zhizhen"></div>
   </div>
   <audio id="music" autoplay="autoplay" loop="loop" src="1364586007" ></audio>
</div>

<script language="javascript">
var aud = document.getElementById('music');
var btn = document.getElementById('clkBtn');
var zz = document.getElementById('zhizhen');
btn.onclick = function(){ aud.paused ? (aud.play(), zz.style.animationPlayState = "running") : (aud.pause(), zz.style.animationPlayState = "paused"); }
aud.addEventListener("ended", function(){ zz.style.animationPlayState = "running"; });
</script>

大猫咪 发表于 2021-10-12 19:55

加林森发表于 2021-10-12 19:53
猫猫晚上好！

队长来了 {:4_187:}晚上好{:4_190:}

加林森 发表于 2021-10-12 19:55

本帖最后由加林森于 2022-4-8 21:57 编辑 <br /><br />小辣椒发表于 2021-10-12 19:41
猫猫也是学习做一次，就直接套用花潮论坛的播放器
小辣椒晚上好！{:4_171:}

<style type="text/css">
/* 帖子容器 */
#tzDiv {
   position: relative;
   left: -302px;
   width: 1200px;
   height: 600px;
   top: 80px;
   background: #eee url('https://pic.imgdb.cn/item/624fff80239250f7c550ca46.jpg') no-repeat center/cover;
   opacity: 0.8;
}

/* 音乐控制按钮 */
.picBtn {
   position: absolute;
   width: 100px;
   height: 100px;
   left: 160px;
   bottom: 60px;
   border: none;
   outline: none;
   border-radius: 8px;
   background: transparent url('https://pic.imgdb.cn/item/6243df5b27f86abb2a5598f1.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; }
}
</style>

<div id="tzDiv">
   <div class="txtBg">江湖酒</div>
   <div id="textClock"></div>
   <div class="txtFly">
            <div id="ziFly">江湖酒-关剑、蒙面哥我喝过了什么酒

女儿红微熏的温柔

行侠仗义剑在手

路见不平一声吼

我喝过了什么酒

英雄豪气中写春秋

儿女情长何处有

红尘江湖爱悠悠

合：

江湖一杯酒快意恩怨仇

我若落草为寇谁伴在我左右

有人天生为王有人被封诸侯

成王败寇我已看透

江湖一杯酒天地乐悠悠

功名利禄不求在这世间行走

只愿豪饮狂川只愿山河依旧

醉里欢笑岁月不回头

关剑：

我喝过了什么酒

女儿红微熏的温柔

行侠仗义剑在手

路见不平一声吼

我喝过了什么酒

英雄豪气中写春秋

儿女情长何处有

红尘江湖爱悠悠

合：

江湖一杯酒快意恩怨仇

我若落草为寇谁伴在我左右

有人天生为王有人被封诸侯

成王败寇我已看透

江湖一杯酒天地乐悠悠

功名利禄不求在这世间行走

只愿豪饮狂川只愿山河依旧

醉里欢笑岁月不回头

江湖一杯酒快意恩怨仇

我若落草为寇谁伴在我左右

有人天生为王有人被封诸侯

成王败寇我已看透

江湖一杯酒天地乐悠悠

功名利禄不求在这世间行走

只愿豪饮狂川只愿山河依旧

醉里欢笑岁月不回头</div>
   </div>
<style>
.cude {
   --xyz: 80px;
   --bb: -40px;
   width: var(--xyz);
   height: var(--xyz);
   position: relative;
   left: 300px; top: 290px;
   transform-style: preserve-3d;
   transform: rotateX(-30deg) rotateY(-80deg);
   transform-origin: 50% 50% 0;
   animation: rot 10s linear infinite;
}
.pae {
   position: absolute;
   left: 0; top: 0;
   width: var(--xyz); height: var(--xyz);
   background: red;
   opacity: .2;
   font: bold 40px / var(--xyz) Arial;
   color: #fff;
   text-align: center;
   text-shadow: 1px 1px 2px #000;
   border:1px solid #333;
}
.front { transform: rotateY(0) translateZ(calc(var(--xyz) / 2)); }
.back { transform: translateZ(var(--bb)) rotateY(180deg); }
.left { transform: rotateY(-90deg) translateZ(calc(var(--xyz) / 2)); }
.right { transform: rotateY(90deg) translateZ(calc(var(--xyz) / 2)); }
.top { transform: rotateX(90deg) translateZ(calc(var(--xyz) / 2)); }
.bottom { transform: rotateX(90deg) translateZ(var(--bb)); }

@-webkit-keyframes rot {
   from { transform: rotateX(0deg) rotateY(0deg); }
   to { transform: rotateX(360deg) rotateY(360deg); }
}
</style>

<div class="cude">
   <div class="pae front">江</div>
   <div class="pae left">湖</div>
   <div class="pae right">酒</div>
   <div class="pae bottom">江</div>
   <div class="pae top">湖</div>
   <div class="pae back">酒</div>
</div>
   <button id="picBtn" class="picBtn"></button>
   <audio id="music" src="http://www.kumeiwp.com/sub/filestores/2022/04/07/4bb7498c04b8c9c66e42946bfae200f7.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/6243df5b27f86abb2a5598f1.gif')") : (mu.pause(), btn.style.background="url('https://pic.imgdb.cn/item/6243df9527f86abb2a5660b9.png')");
}

mu.addEventListener("ended", function(){
   btn.style.background="url('https://pic.imgdb.cn/item/6243df9527f86abb2a5660b9.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>
<br><br><br><br><br>

小辣椒 发表于 2021-10-12 20:04

加林森发表于 2021-10-12 19:55
小辣椒晚上好！

队长晚上好{:4_171:}

加林森 发表于 2021-10-12 20:13

小辣椒发表于 2021-10-12 20:04
队长晚上好

我才锻炼回家。

加林森 发表于 2021-10-12 20:17

大猫咪发表于 2021-10-12 19:55
队长来了晚上好

猫猫好！来{:4_179:}

加林森 发表于 2021-10-12 20:17

马黑黑发表于 2021-10-12 19:53
哦。失败了可以删除的

就是啊，你懂的。

大猫咪 发表于 2021-10-12 20:18

加林森发表于 2021-10-12 20:17
猫猫好！来

嗯嗯必须的队长 {:4_179:} 上茶 {:4_190:}

小辣椒 发表于 2021-10-12 20:18

加林森发表于 2021-10-12 20:13
我才锻炼回家。

队长坚持锻炼应该向你学习{:4_187:}

页: 1 2 3 [4] 5

花潮论坛's Archiver