樵歌 发表于 2025-12-3 17:26

【嵌名轱辘】TO《漫云儿》

<style>
#papa { left: -252px;top:120px; width: 1100px; height: 618px; background: gray url('https://wj.zp68.com/qg01/2025/12/96efba51a333065e9507882b2125c59c.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://wj.zp68.com/qg01/2025/11/次真拉姆_未知名.m4a';
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-12-3 17:26

@漫云儿

樵歌 发表于 2025-12-3 17:26

读法:三言:曲,漫云河。荡倩波,音绝美,妹儿歌。四言:曲漫云河,河荡倩波。波音绝美,美妹儿歌。五绝:歌曲漫云河,云河荡倩波。倩波音绝美,绝美妹儿歌。七绝:妹儿歌曲漫云河,曲漫云河荡倩波。河荡倩波音绝美,波音绝美妹儿歌。

樵歌 发表于 2025-12-3 17:29

文字-樵歌/歌唱-未知名/制图-豆包

小九 发表于 2025-12-3 17:40

豆包的图片很符合题意啊{:4_199:}

阿狄丽娜 发表于 2025-12-3 18:23

我又看迷糊了

樵歌 发表于 2025-12-3 18:40

小九 发表于 2025-12-3 17:40
豆包的图片很符合题意啊

输入文字让它按文字的意境制图呀{:4_189:}

樵歌 发表于 2025-12-3 18:41

阿狄丽娜 发表于 2025-12-3 18:23
我又看迷糊了

请参见板凳楼的读法。。。。

小九 发表于 2025-12-3 18:57

樵歌 发表于 2025-12-3 18:40
输入文字让它按文字的意境制图呀

我还没有下载豆包,等空了来

小九 发表于 2025-12-3 19:00

这次终于把骷颅诗看明白了,读明白了{:4_173:}

秋水剪瞳 发表于 2025-12-3 19:16

樵老师这嵌名诗好看好看。{:4_199:}{:4_199:}

漫云儿 发表于 2025-12-3 19:46

厉害厉害啊!这么快出来了!让你受累了!{:4_199:}

漫云儿 发表于 2025-12-3 19:50

全篇围绕ID展开漫云儿来写,还有AD的兴趣爱好来写,难为樵歌了!{:4_180:}{:4_187:}

漫云儿 发表于 2025-12-3 19:55

云河碧波荡漾,河边有个美妹儿还是绝美的妹儿在歌唱。
还有樵歌动人的歌声伴唱,此景只应天上有。{:4_199:}{:4_204:}

漫云儿 发表于 2025-12-3 20:00

收藏了!谢谢樵歌的大礼!{:4_180:}{:4_190:}{:4_204:}

漫云儿 发表于 2025-12-3 20:03

歌声很好听!用心了!再次感谢!{:4_199:}{:4_204:}

漫云儿 发表于 2025-12-3 20:06

背景图片也很有创意,用笔来唱,真会找图。再次感谢这份用心!{:4_199:}{:4_190:}

樵歌 发表于 2025-12-3 21:09

小九 发表于 2025-12-3 18:57
我还没有下载豆包,等空了来

在瘦机应用里下载正宗的,一分钟的事儿{:4_172:}

樵歌 发表于 2025-12-3 21:09

小九 发表于 2025-12-3 19:00
这次终于把骷颅诗看明白了,读明白了

轱辘{:4_170:}

樵歌 发表于 2025-12-3 21:10

秋水剪瞳 发表于 2025-12-3 19:16
樵老师这嵌名诗好看好看。

哈哈,我会这些稀奇古怪的文体很多呢{:4_189:}
页: [1] 2 3
查看完整版本: 【嵌名轱辘】TO《漫云儿》