《鹧鸪天》二首，欢迎澜天
<style>#papa { --width: 1269px; margin: 120px 0 20px calc(50% - (var(--width) / 2 + 81px)); width: var(--width); height: 764px; background: url('https://xlaj.cn/assets/file/zp/20240630174320.gif ') no-repeat center/cover; box-shadow: 3px 3px 8px #666; user-select: none; z-index: 1; position: relative; }
#txtbox { position: absolute; right: 460px;top: 110px; width: 300px; min-height: 100px; padding: 10px 20px; box-sizing: border-box; overflow: hidden; }
#txtbox p { position: relative; margin: 4px 0; padding: 0; font: normal 24px/30px sans-serif; color: Teal; txtAr-shadow: 1px 1px 1px gray; animation: 2s forwards; }
#player { position: absolute; width: 100px; left: 80px; bottom: 70px; cursor: pointer; animation: rot 6s linear infinite; opacity: 0.65; z-index: 5;}
#vid { position: absolute; width: 100%; height: 80%; object-fit: cover; mix-blend-mode: screen; opacity: 0.5; pointer-events: none; }
.tMid, .tRight { display: inline-block; width: 100%; }
.tMid { text-align: center; }
.tRight { text-align: right; font-size: 18px; }
.wz { position: relative; --w: 400px; border: 0px solid; left:400px; top:560px; width: var(--w); overflow: hidden;}
.wz div { word-break: keep-all; white-space: nowrap; font-family: '微软雅黑','微软雅黑'; font-size: 24px; color: Teal; animation: wz1 52s linear infinite; opacity: .95; }
@keyframes wz1 { from { transform: translateX(100%); } to { transform: translateX(calc(-240% - var(--w))); }}
@keyframes move { to { transform: translate(0); } }
@keyframes rot { to { transform: rotate(360deg); } }
</style>
<div id="papa">
<audio id="aud" src="https://wj.zp68.com/qg01/2025/04/import1_Sarah Brightman - Scarborough Fair_修改信息.mp3" autoplay loop></audio>
<div id="txtbox"></div>
<img id="player" alt="" src="https://xlaj.cn/assets/file/zp/20240630174238.png" title"播放/暂停" />
<div class="wz"><div>门巷晴光扫落尘，故人携笑叩柴门。声如清玉通通透，气若流泉稳稳匀。咬字准，吐音真，疾徐张弛总宜人。今宵欲醉秋星近，重听新声绕梦频。篱菊开时酒正温，故人踏露赴清樽。喉间温润如含玉，齿畔清圆若漱云。腔自稳，韵堪醇，抑扬起伏自情醺。分明顿错藏因怨，犹恐辞章不感人。 ---樵歌</div></div>
</div>
</div>
<script>
var txtAr = [
`<span class="tMid"><strong>【鹧鸪天】 </strong><br>（其一）</span><br><br>\n门巷晴光扫落尘\n故人携笑叩柴门\n声如清玉通通透\n气若流泉稳稳匀\n咬字准\n吐音真\n疾徐张弛总宜人\n今宵欲醉秋星近\n重听新声绕梦频\n\n<span class="tRight">——文字/樵歌//音画/小辣椒</span>`,
`<span class="tMid"><strong>【鹧鸪天】 </strong><br>（其二）</span><br><br>\n篱菊开时酒正温\n故人踏露赴清樽\n喉间温润如含玉\n齿畔清圆若漱云\n腔自稳\n韵堪醇\n抑扬起伏自情醺\n分明顿错藏因怨\n犹恐辞章不感人\n \n<span class="tRight">——文字/樵歌//音画/小辣椒</span>`,
];
var curIdx = 0;
var paras = [];
var ww = txtbox.offsetWidth;
var addPs = () => {
var txtstr = txtAr;
txtbox.innerHTML = '';
paras.length = 0;
var ar = txtstr.split(/\n/).filter(item => item !=='');
ar.forEach((p,k) => {
var para = document.createElement('p');
para.innerHTML = p;
para.style.cssText += `transform: translate(${ww}px);`;
txtbox.appendChild(para);
paras.push(para);
});
curIdx = (curIdx + 1) % txtAr.length;
mkAni();
};
var parasReset = () => {
addPs();
paras.forEach(p => {
p.style.animationName = '';
p.style.transform = 'translate(${ww}px)';
setTimeout( () => { paras.style.animationName = 'move'; }, 500);
});
};
var mkAni = () => {
paras.forEach((p,k) => {
p.onanimationend = () => {
paras[(k+1) % paras.length].style.animationName = 'move';
if(k === paras.length - 1) setTimeout( () => parasReset(), 10000);
};
});
};
var mState = () => {
[...paras,...].forEach(p => p.style.animationPlayState = aud.paused ? 'paused' : 'running');
aud.paused ?vid.pause() : vid.play();
player.title = ['暂停', '播放'][+aud.paused];
};
aud.oncanplay = aud.onplaying = aud.onpause = () => mState();
player.onclick = () => aud.paused ? aud.play() : aud.pause();
addPs();
paras.style.animationName = 'move';
</script>
《鹧鸪天》二首，欢迎澜天
其一
门巷晴光扫落尘，故人携笑叩柴门。
声如清玉通通透，气若流泉稳稳匀。
咬字准，吐音真，疾徐张弛总宜人。
今宵欲醉秋星近，重听新声绕梦频。
其二
篱菊开时酒正温，故人踏露赴清樽。
喉间温润如含玉，齿畔清圆若漱云。
腔自稳，韵堪醇，抑扬起伏自情醺。
分明顿错藏因怨，犹恐辞章不感人。
@澜天 樵歌 发表于 2025-9-13 09:00
《鹧鸪天》二首，欢迎澜天
其一
门巷晴光扫落尘，故人携笑叩柴门。
承蒙谬赞
愧不可当
老弟才高
在别处未能全盘领略
如今两首词尽显风姿
这里是来对了
是学习的好地方
再次感谢厚意
敬茶
{:4_190:} 论坛若许年
挚友寥寥
多逢场作戏
少真诚交流
我们相识也两三个月
其中你还有近一月外出
但我们交流甚多
相见恨晚
我相信
爷们也有缘分的
干一杯
{:4_191:} 多年前我有感于网络
写了几句顺口溜
在这里我做了签名
也是我上网的感受
已多年无感
在这里再一次得到了印证
{:4_200:} 只想着老弟唱歌好
不想词作俊逸 动画宜人
全能和偶然有一比啊
人外有人 天外有天
愚兄受教了
{:4_190:}
澜天 发表于 2025-9-13 09:05
承蒙谬赞
愧不可当
老弟才高
我由于冠心病药物性失眠的原因
一般要早睡
昨天看到回复也没回
所以赶上早
起来写几句
我们各有所长
我以前就是写古韵多些
现在一因不能坐电脑久了怕颈椎复发
所以唱歌时多些
兄弟伙来
我怎么也得写几个字表示一下
字不太好
图图还得调整
音乐本来是喜洋洋的
可网易云的地址就是弄不出来
这些，都得等小辣椒起来了后
交她弄吧
暂时放首歌上 澜天 发表于 2025-9-13 09:07
论坛若许年
挚友寥寥
多逢场作戏
是的
我们相逢也不过短短两个月不到
相见恨晚的感觉
又在这里相逢
幸甚 澜天 发表于 2025-9-13 09:09
多年前我有感于网络
写了几句顺口溜
在这里我做了签名
能得到印证
恰是有缘
我也是同感
{:4_180:}
樵歌 发表于 2025-9-13 09:19
我由于冠心病药物性失眠的原因
一般要早睡
昨天看到回复也没回
你的盛情我已领略
我们玩论坛
也是自己喜欢
上来的时间
并无定数
原来玩了10几年的论坛
站方对上线时间有规定
我也就习惯在线时间数小时
现在已松懈很多
一切以自己适合为宜
既然相聚 来日方长
再次感谢盛情
{:4_190:} 樵歌 发表于 2025-9-13 09:22
是的
我们相逢也不过短短两个月不到
相见恨晚的感觉
同好易
同频难
所以珍惜
{:4_191:} 樵歌 发表于 2025-9-13 09:25
能得到印证
恰是有缘
我也是同感
{:4_191:} 澜天 发表于 2025-9-13 09:27
你的盛情我已领略
我们玩论坛
也是自己喜欢
都是好朋友了
就不必客气
我们一起是活动较少
因为害怕影响到朋友线下的工作和生活
所以我也不是天天来
这个坛子，辛苦的是红影
所以在这儿
很自由自在的
作为工作之作来开心会
澜天 发表于 2025-9-13 09:29
同好易
同频难
所以珍惜
同玩易
相知难
网络上
知音少。
樵歌 发表于 2025-9-13 09:37
都是好朋友了
就不必客气
我们一起是活动较少
我现在退休了
大把的时间自己安排
又没有别的爱好
上论坛就比较多了
原来上班的时候
都是晚上挤时间上来
当然不是发帖
是做版务
有一阵子我请了假
两年多都没做版务了
自己随便玩的时间还是有的
整几个版面就有些累
我也主张随意纯玩
到哪里尊重哪里的规定
时间自由支配 樵歌 发表于 2025-9-13 09:39
同玩易
相知难
网络上
我们大概也早过了热情期
所以论坛上一般都是泛泛之交
值得交往的
别人也不一定有相同的愿望
这一阵子因为老家难登陆
就走了些坛子看看的
樵歌 发表于 2025-9-13 09:00
《鹧鸪天》二首，欢迎澜天
其一
门巷晴光扫落尘，故人携笑叩柴门。
师兄的两首词都是赞颂澜天的朗诵呢，词意非常流畅自然，很赞{:4_187:} 澜天 发表于 2025-9-13 09:27
你的盛情我已领略
我们玩论坛
也是自己喜欢
花潮正是随意自在为主的，无论版主还是管理，大家都是以自己适合为宜，只求获取的快乐，并不管在线时间的{:4_173:} 师兄这个好像滚动字可以拿掉的，或者再朝下一些，否则会有点影响呢{:4_187:}