论坛 › 古风雅韵 › 【渡江云】 忆江南梅雨

樵歌 发表于 2025-6-26 21:02

【渡江云】 忆江南梅雨

<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/qg01/龚一 - 潇湘水云.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 点滴入帘钩。\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-6-26 21:34

【渡江云】 忆江南梅雨
连朝垂雾幕，芭蕉碎玉，涨绿满汀洲。望烟迷野渡，浪卷孤篷，客路正淹留。苔侵古驿，渐湿了、襟上乡愁。空对酒，残灯摇影，点滴入帘钩。
凝眸。湿云深锁，紫燕低飞，掠回塘波皱。浑未省、韶光暗换，逝水难收。闲愁漫逐黄梅落，更那堪、风急云稠。肠断处，沧波独泛东流。

红影 发表于 2025-6-26 21:49

漂亮的大长调。这个词牌很少见，师兄填得真好，这词牌还有叶韵呢。
江南梅雨季节的雨丝不断，闲愁也不断，漫长的梅雨季节，漫长的愁绪。{:4_187:}

红影 发表于 2025-6-26 21:49

词填得好，帖子也做得漂亮。
欣赏师兄好帖{:4_199:}

梦江南 发表于 2025-6-27 08:46

欣赏樵歌老师的精美诗图。赞哦！{:4_199:}

疏星淡月 发表于 2025-6-27 10:27

这个形式新颖{:4_199:}

樵歌 发表于 2025-6-27 12:05

红影 发表于 2025-6-26 21:49
漂亮的大长调。这个词牌很少见，师兄填得真好，这词牌还有叶韵呢。
江南梅雨季节的雨丝不断，闲愁也不断， ...

我也是看到别人填关于梅雨的词，就想起发当年在江南亲历梅雨的经历，也是引从无限惆怅呢。才勉强凑得几字。{:4_173:}

樵歌 发表于 2025-6-27 12:07

红影 发表于 2025-6-26 21:49
词填得好，帖子也做得漂亮。
欣赏师兄好帖

也是受到别人词的启发。帖子是小辣椒以前帮做的。

樵歌 发表于 2025-6-27 12:09

梦江南 发表于 2025-6-27 08:46
欣赏樵歌老师的精美诗图。赞哦！

不客气，@小辣椒 她阿姨，俺大姐姐。{:4_204:}{:4_173:}

小辣椒 发表于 2025-6-27 13:47

樵歌 发表于 2025-6-27 12:09
不客气，@小辣椒 她阿姨，俺大姐姐。

樵哥哥，你把这个背景图片上传到你的空间，这样出来会快一定

https://cccimg.com/view.php/6010fcb48da7189bde857527a20f2e61.gif

偶然~ 发表于 2025-6-27 14:16

樵哥创作的这首《渡江云·忆江南梅雨》以细腻婉约的笔触勾勒出江南雨季特有的朦胧惆怅之美。

偶然~ 发表于 2025-6-27 14:17

上阕将梅雨季节潮湿缠绵的质感与游子乡愁完美叠合。下阕暗喻时光流逝的不可逆，尾句以孤舟意象收束全篇。

偶然~ 发表于 2025-6-27 14:18

全词在继承传统婉约词风的同时，通过"浪卷孤篷""风急云稠"等力度较强的意象，为柔美词境注入苍劲之气，加之配上这样精典的音乐，形成刚柔并济的独特美学张力。拜读欣赏，感谢樵哥带来的精品，辛苦了

红影 发表于 2025-6-27 20:20

樵歌 发表于 2025-6-27 12:05
我也是看到别人填关于梅雨的词，就想起发当年在江南亲历梅雨的经历，也是引从无限惆怅呢。才勉强凑得几字 ...

师兄对当年的梅雨季的印象还挺深，以至于现在还能感受到那份惆怅。这里应该是有什么故事吧{:4_173:}

红影 发表于 2025-6-27 20:22

樵歌 发表于 2025-6-27 12:07
也是受到别人词的启发。帖子是小辣椒以前帮做的。

嗯嗯，这个帖子格式很适合用来表现诗词呢{:4_187:}

樵歌 发表于 2025-6-29 07:22

小辣椒 发表于 2025-6-27 13:47
樵哥哥，你把这个背景图片上传到你的空间，这样出来会快一定

代码我传不来，复制到哪个文件去，怎么拖到空间呀{:4_203:}

樵歌 发表于 2025-6-29 07:27

偶然~ 发表于 2025-6-27 14:16
樵哥创作的这首《渡江云·忆江南梅雨》以细腻婉约的笔触勾勒出江南雨季特有的朦胧惆怅之美。

偶然老师古韵功夫非凡，一下子把词表达 的意思点得明明白白了！{:4_190:}

樵歌 发表于 2025-6-29 07:29

偶然~ 发表于 2025-6-27 14:17
上阕将梅雨季节潮湿缠绵的质感与游子乡愁完美叠合。下阕暗喻时光流逝的不可逆，尾句以孤舟意象收束全篇。

其它 坛上也有填这牌子的，都写得比我好，我也是一时兴起，想起当年在江南梅雨时往事。回忆一下。

樵歌 发表于 2025-6-29 07:31

偶然~ 发表于 2025-6-27 14:18
全词在继承传统婉约词风的同时，通过"浪卷孤篷""风急云稠"等力度较强的意象，为柔美词境注入苍劲之气，加之 ...

您点评如此细腻、精彩，一下子就抓住词的脉络，给予升华和鼓励！足见你古韵功力非凡！{:4_178:}

樵歌 发表于 2025-6-29 11:29

红影 发表于 2025-6-27 20:20
师兄对当年的梅雨季的印象还挺深，以至于现在还能感受到那份惆怅。这里应该是有什么故事吧

有乡愁，思念家乡 呗。{:4_173:}

查看完整版本: 【渡江云】 忆江南梅雨