论坛 › 古风雅韵 › 【签名轱辘】 《澜天》TO澜天

樵歌 发表于 2025-10-13 16:03

【签名轱辘】 《澜天》TO澜天

<style>
#papa { left: -252px;top:120px; width: 1100px; height: 618px; background: gray url('https://wj.zp68.com/qg01/2025/10/01/9f049082b7ed128e17c0dd620aa61692.png')
no-repeat center/cover; box-shadow: 4px 4px 24px #000; position: relative; }
#mama { position: absolute; left: 100px; top: calc(50% - 140px); display: grid; place-items: center; width: 360px; height: 360px; cursor: pointer; }
#tit { position: absolute; left: 26px; top: 46px; font: bold 26px / 26px sans-serif; color: #4D0CAF; text-shadow: 1px 1px 2px rgba(0,0,0,.8); }
.txt { position: absolute; width: 60px; height: 60px; font: bold 40px / 60px sans-serif; text-align: center; text-shadow: 2px 2px 4px rgba(0,0,0,.4); border-radius: 50%; color: snow; }
</style>

<div id="papa">
        <span id="tit">【签名轱辘诗】TO澜天 </span>
        <div id="mama"><span id="sMsg" class="txt">1</span></div>
      <div style="position: absolute; left:560px; top: 250px; width:451px;">
   <img alt="" src="https://pic.imgdb.cn/item/62479cbe27f86abb2adbb9bd.gif"/></div>
</div><br><br><br><br><br><br>

<script>
let idx = 0, step = 0;
let strAr = '醉亦干杯不尽梦回峦岫晓天澜'.split(''), spans = [],
        sentences = [
                ,
                ,
                ,
                ,
                ,
                ,
                ,
                ,
                ,
                ,
                ,
                ,
                ,
                ,
                ,
                ,
        ];
let aud = new Audio();
aud.src = 'https://music.163.com/song/media/outer/url?id=848470.mp3';
aud.loop = true;
aud.autoplay = true;

let num = (min, max) => Math.floor(Math.random() * (max-min+1)) + min;

for(let x in strAr) {
        let ele = document.createElement('span');
        ele.className = 'txt';
        ele.innerText = strAr;
        ele.style.transform = `rotate(${x*27.6}deg) translateY(180px) rotate(${-x*27.6}deg)`;
        mama.appendChild(ele);
        spans.push(ele);
}

txtColor()
txtCircle();

mama.onclick = () => aud.paused ? aud.play() : aud.pause();

function txtColor() {
        for(let y of spans) {
                y.style.color = 'snow';
                y.style.border = 'none';
        }
        for(let x of sentences) spans.style.color = `rgb(${num(0,255)},${num(0,255)},${num(0,255)})`;
        sMsg.innerText = idx + 1;
}

function txtCircle() {
        let x = sentences;
        spans.style.border = '1px solid purple';
        step ++;
        if(step > sentences.length - 1) {
                step = 0;
                idx ++;
                if(idx > sentences.length - 1) idx = 0;
                txtColor();
        }
        setTimeout(txtCircle, 1500);
}
</script>

樵歌 发表于 2025-10-13 16:04

@澜天

樵歌 发表于 2025-10-13 16:05

读法：
三言：岫。晓天澜，醉亦干，杯不尽，梦回峦。四言：岫晓天澜，澜醉亦干。干杯不尽，尽梦回峦。五律：峦岫晓天澜，天澜醉亦干。亦干杯不尽，不尽梦回峦。七律：梦回峦岫晓天澜，岫晓天澜醉亦干。澜醉亦干杯不尽，干杯不尽梦回峦

樵歌 发表于 2025-10-13 16:14

顺了大师@马黑黑贴的音乐{:4_176:}{:4_173:}

马黑黑 发表于 2025-10-13 16:39

{:4_191:}

沐心 发表于 2025-10-13 17:04

樵歌 发表于 2025-10-13 16:05
读法：
三言：浪。晓天残，醉亦干，杯不尽，梦回澜。
四言：浪晓天残，残醉亦干。干杯不尽，尽梦回澜。


我以为你写给天残的{:4_173:}

澜天 发表于 2025-10-13 17:24

本帖最后由 澜天 于 2025-10-13 18:54 编辑

樵歌 发表于 2025-10-13 16:05
读法：
三言：浪。晓天残，醉亦干，杯不尽，梦回澜。
四言：浪晓天残，残醉亦干。干杯不尽，尽梦回澜。

作品极好
只是不太满意那个残字
能否整个正能量的字
更爽一些
譬如说换个灿字
哪怕平仄可能不合
但意思好不是吗
{:4_176:}

梦油 发表于 2025-10-13 17:27

高水平的珍贵礼物，难得！
澜天朋友一定很喜欢。

红影 发表于 2025-10-13 18:01

澜天名字的两个字嵌起来还挺不容易的，师兄的这个很流畅，很赞。、
澜天收礼开心{:4_199:}

红影 发表于 2025-10-13 18:02

这个背景图图很漂亮，很适合这首词呢{:4_204:}

小星世龙 发表于 2025-10-13 18:03

好文采，自然，流畅，新颖，典雅，精彩，悠远，意境尤美，景情互替，韵味浓郁，十分精彩！

小星世龙 发表于 2025-10-13 18:04

好文采，自然，流畅，新颖，典雅，精彩，悠远，意境尤美，景情互替，韵味浓郁，十分精彩！{:4_178:}

澜天 发表于 2025-10-13 18:54

梦油 发表于 2025-10-13 17:27
高水平的珍贵礼物，难得！
澜天朋友一定很喜欢。

挺喜欢的
{:4_189:}

澜天 发表于 2025-10-13 18:55

红影 发表于 2025-10-13 18:01
澜天名字的两个字嵌起来还挺不容易的，师兄的这个很流畅，很赞。、
澜天收礼开心

开心开心真开心
{:4_204:}

樵歌 发表于 2025-10-13 19:39

澜天 发表于 2025-10-13 17:24
作品极好
只是不太满意那个残字
能否整个正能量的字


前面取自宋代大词家柳永绝唱《雨霖铃》中结尾句：今宵酒醒何处，杨柳岸、晓风残月。也喻澜天小兄风流倜傥，也如大词人柳永一般多才多艺。
下面修改为：
三言：岫。晓天澜，醉亦干，杯不尽，梦回峦。
四言：岫晓天澜，澜醉亦干。干杯不尽，尽梦回峦。
五律：峦岫晓天澜，天澜醉亦干。亦干杯不尽，不尽梦回峦。
七律：梦回峦岫晓天澜，岫晓天澜醉亦干。澜醉亦干杯不尽，干杯不尽梦回峦
现在换了几个字就变成乡愁情节了，梦回峦，想念家乡的山水，无限乡愁，都付与杯中矣。
马上切换，很简单的事分分钟搞定。{:4_189:}

樵歌 发表于 2025-10-13 20:13

沐心 发表于 2025-10-13 17:04
我以为你写给天残的

你这一说，前面那个还真有云老弟的签名呢。不过，给他写能少了你的芳名吧{:4_189:}

澜天 发表于 2025-10-14 13:25

樵歌 发表于 2025-10-13 19:39
前面取自宋代大词家柳永绝唱《雨霖铃》中结尾句：今宵酒醒何处，杨柳岸、晓风残月。也喻澜天小兄风流倜傥 ...

残喻不足
似有挂碍
所以提出修改
不好意思啊

澜天 发表于 2025-10-14 13:26

樵歌 发表于 2025-10-13 19:39
前面取自宋代大词家柳永绝唱《雨霖铃》中结尾句：今宵酒醒何处，杨柳岸、晓风残月。也喻澜天小兄风流倜傥 ...

新作甚好
深表感谢
{:4_176:}

小星世龙 发表于 2025-10-15 09:50

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

小星世龙 发表于 2025-10-15 09:50

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

查看完整版本: 【签名轱辘】 《澜天》TO澜天