|
|

楼主 |
发表于 2023-8-15 07:23
|
显示全部楼层
本帖最后由 马黑黑 于 2023-8-15 11:59 编辑
帖子代码
- <style>
- #papa { margin: 0 0 0 calc(50% - 681px); width: 1200px; height: 734px; background: url('https://638183.freep.cn/638183/t23/3/vuer.jpg') no-repeat center/cover; box-shadow: 3px 3px 20px #000; overflow: hidden; display: grid; place-items: center; z-index: 1; position: relative; --state: running; }
- .clover { position: absolute; bottom: -200px; width: 100px; height: 100px; background: snow; opacity: .7; animation: up 20s var(--delay) infinite linear var(--state); }
- @keyframes up { to { transform: rotate(var(--deg)) translateY(-1200px) rotate(2turn); } }
- </style>
- <div id="papa"></div>
- <audio id="aud" src="http://www.kumeiwp.com/sub/filestores/2023/08/02/5cc93d2f1c24f40b50d268cd21ec7891.mp3" autoplay="" loop=""></audio>
- <script>
- let script = document.createElement('script');
- script.src = 'https://638183.freep.cn/638183/web/api/tape_lrc.js';
- script.charset = 'utf-8';
- document.head.appendChild(script);
- (function() {
- let geci = [ [1,"刀郎 - 珠儿",3.2], [17.4,"少爷的人生在地下的城市",4.7], [22.26,"对于窒息没有一丝的畏惧",5.4], [27.95,"他在母亲的腹中就会啼哭",5.6], [33.8,"这啼哭占据通往神殿的路",6.2], [49.91,"每一个醉倒在路边的冬夜",3.8], [54.33,"他都会梦见那早夭的姐姐",4.7], [59.23,"姐姐总是虹影如灯栩栩如生",4.8], [64.53,"我是你失落的人间唯一的凭证",7.6], [90.82,"我要去问问她来时路边的那个算命先生",3.9], [95.02,"用还存世的挽歌为她再课一卦上路的时辰",4.8], [100.11,"我要去告诉昨日和她异界同梦的爱人",5.2], [105.49,"告诉他吻过的山川与河海已经醒来",4.9], [126.28,"不要在先祖的序列里寻找自己",3.6], [130.91,"不要用生命为时光去乞讨身体",4.8], [135.97,"时间一直在结界延伸去留无门",4.5], [140.74,"尘雾寒窑的海市冰封所有的眼神",6.8], [154.62,"我要去看看废弃的故国家园倒塌的神殿",3.3], [158.24,"谁在法坛里藏牌弄千谁在幻化人寰",4.2], [162.59,"我要去看看他们往日出征遗弃的老狗",4.9], [167.72,"有多少祭奠的三牲多少的祷言",4.0], [172.38,"我要问问他穿越了多少次劫难何时能回来",4.9], [177.52,"问问他山水相逢的命运谁在替她安排",6.2], [184.16,"我看见翻阅时光有人撕毁了序言",4.8], [189.65,"无法接受这失控的日子所以谎话连篇",5.0], [195.54,"我那双火焰闪烁咄咄逼人的眼睛",2.3], [198.22,"因为狱卒与囚徒共用而精疲力尽",2.8], [201.04,"我要拥抱你东岳大帝我的神啊泰山",3.3], [204.38,"你给我高傲永恒闪耀的光环",2.5], [207.4,"他的眼睛将是我孩子的眼睛",1.8], [209.22,"他的双手将是我孩子的双手",1.9], [211.16,"我们都曾经是一群活得真实的人",2.8], [214.19,"请你用灿烂的笑容理解我的人生",2.9], [217.55,"在宗祠里供奉的古老的血统",2.0], [219.56,"不会因宫殿的辉煌而交融",1.7], [221.51,"所有怀着柔情蜜意消逝的灵魂",2.2], [223.72,"相会在黑夜分娩月光的子夜时分",4.0] ];
- let mkClover = (ele,num) => {
- let r = ele.offsetWidth / 2, pathAr = [];
- for(let i = 0; i < 200; i ++) {
- let angle = i * 2 * Math.PI / 200;
- let x = r - r * Math.sin(num * angle) * Math.cos(angle);
- let y = r - r * Math.sin(num * angle) * Math.sin(angle);
- pathAr.push(x + 'px ' + y + 'px');
- }
- return 'polygon(' + pathAr.join(', ') + ')';
- }
- Array.from({length: 16}).forEach((item) => {
- let ww = 50 + Math.floor(Math.random() * 50);
- let ar = [2,3,4,5,7,9];
- item = document.createElement('span');
- item.className = 'clover';
- item.style.cssText += `
- --deg: ${60 - Math.random() * 150}deg;
- --delay: ${Math.random() * 10 - 10}s;
- width: ${ww}px;
- height: ${ww}px;
- right: 200px;
- `;
- papa.appendChild(item);
- item.style.clipPath = mkClover(item, ar[Math.floor(Math.random() * ar.length)]);
- });
- script.onload = () => {
- HCPlayer({
- papa: '#papa',
- lrcAr: geci,
- lrc_css: `
- top: 20px;
- color: #999;
- --bg: linear-gradient(rgba(250,250,250,.25),rgba(138,64,30,.65));
- `,
- player_css: `
- bottom: 30px;
- left: 65%;
- color: lightblue;
- z-index: 100;
- --track: darkgray;
- --prog: red;
- `,
- fs_css: `bottom: 30px; --bg: #333; --color: white;`,
- title: '刀郎 -珠儿',
- });
- };
- })();
- </script>
复制代码
|
评分
-
| 参与人数 1 | 威望 +50 |
金钱 +100 |
经验 +50 |
收起
理由
|
红影
| + 50 |
+ 100 |
+ 50 |
赞一个! |
查看全部评分
|