论坛 › 欢乐水吧 › 《探清水河》- 张云雷 TO：东篱闲人

加林森 发表于 2022-5-27 18:21

《探清水河》- 张云雷 TO：东篱闲人

<style type="text/css">
/* 帖子容器 */
#tzDiv {
      position: relative;
      left: -214px;
      width: 1024px;
      height: 563px;
      top: 80px;
      background: #eee url('https://pic.imgdb.cn/item/6290a2c10947543129d2d7ee.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: 60px;
      right: 200px;
      width: 300px;
      height: 30px;
      font: 20px / 30px #70f3ff;
      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>
      <button id="picBtn" class="picBtn"></button>
      <audio id="music" src="http://www.kumeiwp.com/sub/filestores/2021/03/11/9ae80e78b6e5e313ddc3582952746d04.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>

加林森 发表于 2022-5-27 18:21

张云雷 - 探清水河歌词

桃叶尖上尖

柳叶儿就遮满了天

在其位这个明阿公

细听我来言呐

此事哎出在了京西蓝靛厂啊

蓝靛厂火器营儿有一个松老三

提起那松老三

两口子卖大烟

一辈子无有儿

所生个女儿婵娟呐

小妞哎年长一十六啊

取了个乳名儿

姑娘叫大莲

姑娘叫大莲

俊俏好容颜

此鲜花无人采

琵琶断弦无人弹

奴好比貂蝉思吕布

又好比阎婆惜坐楼想张三

太阳落下山

秋虫儿闹声喧

日思夜想的六哥哥

来到了我的门前呐

约下了今晚这三更来相会

大莲我羞答答低头无话言

大莲无话说

被逼就跳了河

惊动了六哥哥

来探清水河呀

情人呐你死都是为了我

大莲妹妹慢点走

等等六哥哥

秋雨下连绵

霜降那清水河

好一对多情的人

双双就跳了河呀

痴情的女子这多情的汉

编成了小曲来探清水河

编成了小曲来探清水河

加林森 发表于 2022-5-27 18:23

@东篱闲人

东篱闲人 发表于 2022-5-27 18:25

越来越厉害，都整上宋老三啦？{:5_117:}

加林森 发表于 2022-5-27 18:26

东篱闲人 发表于 2022-5-27 18:25
越来越厉害，都整上宋老三啦？

好听不？{:4_189:}

马黑黑 发表于 2022-5-27 18:27

厉害厉害

红芍药 发表于 2022-5-27 18:27

一来一往真好。。{:4_199:}{:4_199:}

东篱闲人 发表于 2022-5-27 18:28

加林森 发表于 2022-5-27 18:26
好听不？

北京小调。。{:5_116:}

加林森 发表于 2022-5-27 18:30

马黑黑 发表于 2022-5-27 18:27
厉害厉害

好玩吧

加林森 发表于 2022-5-27 18:31

东篱闲人 发表于 2022-5-27 18:28
北京小调。。

嗯嗯，你喜欢就好。。。。{:4_189:}

加林森 发表于 2022-5-27 18:31

红芍药 发表于 2022-5-27 18:27
一来一往真好。。

好听不？

东篱闲人 发表于 2022-5-27 18:33

加林森 发表于 2022-5-27 18:31
嗯嗯，你喜欢就好。。。。

特喜欢。。。{:4_174:}

加林森 发表于 2022-5-27 18:39

东篱闲人 发表于 2022-5-27 18:33
特喜欢。。。

嗯嗯，很好！

红芍药 发表于 2022-5-27 18:40

加林森 发表于 2022-5-27 18:31
好听不？

好听好听，像说戏的曲子。。{:4_187:}

加林森 发表于 2022-5-27 18:44

红芍药 发表于 2022-5-27 18:40
好听好听，像说戏的曲子。。

是的，就是这个调调。

马黑黑 发表于 2022-5-27 19:10

加林森 发表于 2022-5-27 18:30
好玩吧

挺好玩的

加林森 发表于 2022-5-27 19:34

马黑黑 发表于 2022-5-27 19:10
挺好玩的

嗯嗯

醉美水芙蓉 发表于 2022-5-27 19:40

加林森 发表于 2022-5-27 19:42

醉美水芙蓉 发表于 2022-5-27 19:40
欣赏队长精彩制作！

谢谢水芙蓉！晚上好！{:4_204:}

红影 发表于 2022-5-27 20:23

这歌曲有趣，是什么地方的小调啊{:4_173:}

查看完整版本: 《探清水河》- 张云雷 TO：东篱闲人