樵歌 发表于 2025-9-18 09:51

【喜朝天】回赠偶然兄弟

<style>
        #papa { --width: 1275px; margin: 120px 0 20px calc(50% - (var(--width) / 2 + 81px)); width: var(--width); height: 713px; background: url('https://cccimg.com/view.php/6010fcb48da7189bde857527a20f2e61.gif') no-repeat center/cover; box-shadow: 3px 3px 8px #666; user-select: none; z-index: 1; position: relative; }       
        #txtbox { position: absolute; right: 180px;top: 100px; width: 700px; min-height: 120px; padding: 10px 20px; box-sizing: border-box; overflow: hidden;writing-mode:vertical-lr; letter-spacing: 5px;}
        #txtbox p { position: relative; margin: 4px 0; padding: 0; font: normal 26px/36px sans-serif; \9ED1\4F53;color: Black; txtAr-shadow: 1px 1px 1px gray; animation: 2s forwards; }
        #player { position: absolute; width: 100px;right: 50%;bottom: 40px; 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: 300px; border: 0px solid; left:600px; top:510px; width: var(--w); overflow: hidden;}
.wz div { word-break: keep-all; white-space: nowrap; font-family: '\9ED1\4F53'; font-size: 22px; color: Black; 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/lxx/yy/qe1.mp3" autoplay loop></audio>

        <div id="txtbox"></div>
        <img id="player" alt="" src="https://cccimg.com/view.php/4609b38b6f0f5a23a8e8c9f89df414a3.png " title"播放/暂停" />

<div class="wz"><div>【喜朝天】 文//樵歌-图//小辣椒</div></div>
</div>
</div>
<script>
var txtAr = [
        `<span><strong>上</strong></span><br><br>\n仲秋将, \n恰云淡风轻,\n野暖轩凉。 \n陇上金浪,\n屋前橙缀, \n丰景盈仓。\n阡陌欢歌频起,\n看闲翁开靥话年穰。\n篱畔外、 \n香飘桂子, \n携附秋光。\n<span class="tRight">—— 樵歌 </span>`,
               `<span><strong>下</strong></span><br><br>\n欣逢故友诚素,\n正涌潮澎湃, \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-18 09:52

@偶然

樵歌 发表于 2025-9-18 09:54

《福朝天》 回赠偶然兄弟
仲秋将,恰云淡风轻,野暖轩凉。
陇上金浪,屋前橙缀,丰景盈仓。
阡陌欢歌频起,看闲翁开靥话年穰。
篱畔外,香飘桂子,携附秋光。

欣逢故友诚素,正涌潮澎湃,芳意绵长。
举案徐读,辗转度步,笑逐眉扬。
此际当浮大白,任杯深、酣饮莫辞觞。
更相约、春来同赏,花满庭芳。


喜朝天 福佑樵兄

桂庭芳,正金粟浮光,玉露凝香。
槛外风细,砌边蛩语,秋韵初扬。
遥想樵兄风度,似青松含翠立苍茫。
耕读处,诗锄蕙圃,云护书窗。
平生最善仁量,任岁寒磨砺,犹带春阳。
墨泼江海,磬敲北斗,笑看沧桑。
应愿修身鹤健,共天长、逢君酒千觞。
更祝愿、南山虹帛,紫气呈祥。

乙巳秋夜,赋词赠樵歌

梦江南 发表于 2025-9-18 10:29

樵歌老师没音乐。

樵歌 发表于 2025-9-18 12:59

梦江南 发表于 2025-9-18 10:29
樵歌老师没音乐。

现在有了,用的帖子以前用过的,本想是用高山流水的,可网易云这个坏家伙,呀不说了,说起都是气,一肚子{:4_198:}

偶然~ 发表于 2025-9-18 13:12

樵歌 发表于 2025-9-18 09:54
《福朝天》 回赠偶然兄弟
仲秋将,恰云淡风轻,野暖轩凉。
陇上金浪,屋前橙缀,丰景盈仓。



《福朝天》 ?我找不到这个词牌,你打错字了?应该是《喜朝天》?

偶然~ 发表于 2025-9-18 13:15

本帖最后由 偶然~ 于 2025-9-18 13:20 编辑 <br /><br />仲秋得樵兄瑶章,如陇上逢金浪,桂子携香,满纸丰穰。<br>展卷时,笑逐眉扬;阖卷处,芳意绵长。<br>浮白之约,既酣然于杯深;春赏之盟,更殷殷于庭芳。<br>此间风月,幸与君共;平生快意,莫过于此。

偶然~ 发表于 2025-9-18 13:21

樵歌兄此阕《喜朝天》,以仲秋为笺,以丰穰为韵,字字皆见云淡风清之雅,句句俱含金浪盈仓之欣。上阕写陇上橙缀、闲翁话穰,下阕转故友瑶章、杯深邀约,恰似桂香携秋光入卷,又化春约于庭芳收尾,起承转合间尽显词家匠心。

偶然~ 发表于 2025-9-18 13:25

尤喜“涌潮澎湃,芳意绵长”一句,既应和拙作,更以澎湃之势将词情推向高潮,足见樵兄推敲之妙。末句“春来同赏,花满庭芳”更显超然,暂别秋实之庆,已约春日之欢,此等胸襟,令人击节。

偶然~ 发表于 2025-9-18 13:27

今得樵兄妙词回赠,如饮新醪,酣畅淋漓。惟愿以词为媒,岁岁酬唱,不负此间风月。

偶然~ 发表于 2025-9-18 13:31

欣逢故友瑶章,“章”字是否平仄有误? “章”是否应仄?请樵兄校准。再次感谢樵兄,祝你健康快乐!

梦江南 发表于 2025-9-18 13:32

樵歌 发表于 2025-9-18 12:59
现在有了,用的帖子以前用过的,本想是用高山流水的,可网易云这个坏家伙,呀不说了,说起都是气,一肚子 ...

现在有了,是高山流水啊!

梦油 发表于 2025-9-18 13:59

好人送好礼,好礼送好人。

小星世龙 发表于 2025-9-18 14:14

文辞隽秀,彰显文采,自然流畅,词句入味,文笔洗练,结构精巧,韵味清秀,为您点赞!

小星世龙 发表于 2025-9-18 14:14

文辞隽秀,彰显文采,自然流畅,词句入味,文笔洗练,结构精巧,韵味清秀,为您点赞!{:4_178:}

红影 发表于 2025-9-18 14:27

偶然~ 发表于 2025-9-18 13:12
《福朝天》 ?我找不到这个词牌,你打错字了?应该是《喜朝天》?

是的,他打错了,没有福朝天这个词牌呢{:4_173:}

红影 发表于 2025-9-18 14:42

两首《喜朝天》都很赞,欣赏师兄和偶然君双玉,给两位点赞{:4_199:}{:4_199:}

梦风雨 发表于 2025-9-18 14:43

精美好看的画面。{:4_191:}

澜天 发表于 2025-9-18 16:48

举案徐读,辗转度步,笑逐眉扬。
收礼的兴奋 生动至极
{:4_178:}

樵歌 发表于 2025-9-18 17:30

偶然~ 发表于 2025-9-18 13:12
《福朝天》 ?我找不到这个词牌,你打错字了?应该是《喜朝天》?

是的打错了,红影都知道,我是个马大哈,回帖中不错几个字都不正常{:4_201:}
页: [1] 2 3
查看完整版本: 【喜朝天】回赠偶然兄弟