《老地方的雨》 陈瑞 TO：大猫咪
本帖最后由 加林森 于 2021-10-6 17:41 编辑 <br /><br /><br><br><br><br><DIV align=center>
<table style="position: relative; width:732px;" border="0" cellspacing="0" cellpadding="0">
<TBODY><TR><TD height=51 background=https://wj.zp68.com/lxx/yunhua/20210118/s700.jpg>
</TD></TR><TR><TD height=16 background=https://wj.zp68.com/lxx/yunhua/20210118/z700.jpg>
<br>
<br><div align="center">
<img src="https://joy127.jstools.net/pic?type=tencent&id=0021yhcn304M3G" width="492" _height="328" border="0">
</div><br>
<div align="center"><p style="line-height:30px">
<b><font face="微软雅黑" size="4">老地方的雨<br>
</font></b>
<font color="#313736" face="微软雅黑" size="2">H5单曲播放器分享</font><font color="#313736" face="微软雅黑">
</font> <div align="center">
TO：大猫咪</div>
<div style="text-align: justify;">
<p style="text-align:left; line-height:25px; letter-spacing:1.8px; padding-right:1.6cm; padding-left:6.6cm">
<font color="#313736" face="微软雅黑"><br>
很高兴认识大猫咪<br>
今天这个H5单曲播放器<br>
套用边框是为你制作的<br>
一直喜欢陈瑞的歌唱<br>
今天就上了陈瑞的一首歌<br>
希望大猫咪喜欢<br>
也得谢谢陈瑞的好声音<br><br><br>
</font><font color="#313736" face="微软雅黑" size="2"><br>
</font></div>
<div align="center" style="position: relative;">
<script type="text/javascript">
document.write("<scr"+"ipt src=\"https://wj.zp68.com/lxx/yunhua/20210118/players/jquery.js\"></sc"+"ript>")
document.write("<scr"+"ipt src=\"https://wj.zp68.com/lxx/yunhua/20210118/players/player.js\"></sc"+"ript>")
document.write("<scr"+"ipt src=\"https://wj.zp68.com/lxx/yunhua/20210118/players/playone/player/playone.js\"></sc"+"ript>")
</script>
<link href="https://wj.zp68.com/lxx/yunhua/20210118/players/playone/player/playone.css" rel="stylesheet" type="text/css">
<div style="margin:0px auto;">
<div id="playones" style="display:block;position:relative;width:100%;max-width:120px;height:auto;margin:0px auto 0px;">
<ul class="player-audios" style="display:none;">
<li data-title="">
<div class="player-source" data-src="https://www.joy127.com/url/86505.mp3" data-type="audio/mpeg"/>
</li>
</ul>
</div>
</div>
</div>
</TD></TR><TR><TD height=168 background=https://wj.zp68.com/lxx/yunhua/20210118/x700.jpg>
</table><br><br><br><br><br></div>
本帖最后由 加林森 于 2022-4-20 12:00 编辑 <br /><br />@大猫咪
<style type="text/css">
/* 帖子容器 */
#tzDiv {
position: relative;
left: -214px;
width: 1080px;
height: 614px;
top: 80px;
background: #eee url('https://pic.imgdb.cn/item/625f7ce0239250f7c534e4b0.jpg') no-repeat center/cover;
opacity: 0.8;
}
/* 文本时钟 */
#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: 3rem;
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">红歌100首</div>
<div id="textClock"></div>
<div class="txtFly">
<div id="ziFly">红歌100首
</div>
</div>
<button id="picBtn" class="picBtn"></button>
<audio id="music" src="https://music.163.com/song/media/outer/url?id=4687081.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)); }
//创建走马灯
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>
<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=450 src="//music.163.com/outchain/player?type=0&id=4687081&auto=1&height=430"></iframe>
队长，必须赞了，一连三个套用H5播放器，全部成功完美{:4_199:}{:4_178:} 队长现在是无敌了{:4_173:} 太好听了，陈瑞的这首《老地方的雨》猫猫收礼开心@大猫咪 欣赏队长的精彩不断，昨天，今天每天都有好制作{:4_178:} 小辣椒 发表于 2021-10-6 17:00
队长，必须赞了，一连三个套用H5播放器，全部成功完美
跟你学习的嘛{:4_170:} 加林森 发表于 2021-10-6 17:22
跟你学习的嘛
队长也是厉害，一看就会了，继续加油！ 小辣椒 发表于 2021-10-6 17:01
队长现在是无敌了
还差得远哈 加林森 发表于 2021-10-6 17:23
还差得远哈
队长谦虚了{:4_173:} 小辣椒 发表于 2021-10-6 17:03
欣赏队长的精彩不断，昨天，今天每天都有好制作
谢谢小辣椒鼓励！{:4_171:} 加林森 发表于 2021-10-6 17:24
谢谢小辣椒鼓励！
队长我们一起下，吃饭去了{:4_171:} 小辣椒 发表于 2021-10-6 17:23
队长也是厉害，一看就会了，继续加油！
好的，我会更加努力的。{:5_154:} 小辣椒 发表于 2021-10-6 17:23
队长谦虚了
与你相比我差得远啊。 小辣椒 发表于 2021-10-6 17:25
队长我们一起下，吃饭去了
好的好的，拜拜~~~~~~~~~~~~~~~~ 好听的歌，好看的制作，队长真棒。猫猫收礼开心{:4_187:} 红影 发表于 2021-10-6 18:25
好听的歌，好看的制作，队长真棒。猫猫收礼开心
谢谢红影支持！{:4_187:} 加林森 发表于 2021-10-6 19:21
谢谢红影支持！
猫猫好像还没来，顶起来，猫猫快来收礼{:4_195:} 红影 发表于 2021-10-6 20:04
猫猫好像还没来，顶起来，猫猫快来收礼
{:4_170:}红影你真逗{:4_204:} 加林森 发表于 2021-10-6 20:14
红影你真逗
也看到给我的礼物了，谢谢队长{:4_187:}