论坛 › 欢乐水吧 › 《七夕》祝大家节日快乐！

红影 发表于 2023-8-22 14:50

《七夕》祝大家节日快乐！

<style>
#papa { margin: 0 0 0 calc(50% - 593px); width: 1024px; height: 675px; background: url('https://pic.imgdb.cn/item/64e40b5d661c6c8e5458e3e5.jpg') no-repeat center/cover; box-shadow: 3px 3px 20px #000; overflow: hidden; position: relative; display: grid; place-items: center; z-index: 1; --state: running; }
.leaf { position: absolute; font-size: 10px; top: -20%; color: pink; opacity: .1; animation: drop var(--duration) var(--delay) infinite linear var(--state); }
@keyframes drop { to { top: 105%; transform: rotate(1turn); } }
</style>

<div id="papa"></div>
<audio id="aud" src="https://music.163.com/song/media/outer/url?id=29379442.mp3" autoplay loop></audio>

<script>
let leaves = ['&#127809;','&#127810;','☘','&#127808;','&#127807;','&#127811;'];
let script = document.createElement('script');
script.src = 'https://638183.freep.cn/638183/web/api/plater_lrc.js';
script.charset = 'utf-8';
document.head.appendChild(script);
script.onload = () => {
      HCPlayer({
                papa: '#papa',
                lrcAr: [
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
       
],
                player_css: `
                        right: 7.4%;
                        bottom: 1.5%;
                        color: blue;
                        --color1: snow;
                        --color2: RoyalBlue;
                `,
                lrc_css: `
                        top: 15px;
                --color: linear-gradient(rgba(216,204,184,.3),rgba(216,204,184,.7));
                        --bg: linear-gradient(rgba(31,128,255,.25), rgba(31,128,255,.8));
                `,
      });
}
Array.from({length: 30}).forEach((item, key) => {
      item = document.createElement('span');
      item.className = 'leaf';
      item.innerHTML = leaves;
      item.style.cssText += `
                left: ${Math.random() * 100}%;
                font-size: ${18 + Math.floor(Math.random() * 10)}px;
                --duration: ${10 + Math.random() * 10}s;
                --delay: ${10 - Math.random() * 25}s;
      `;
      papa.appendChild(item);
});
</script>

红影 发表于 2023-8-22 14:52

今天七夕节，做个贺帖，同时学习一下黑黑的代码。感谢@马黑黑 的代码{:4_187:}

红影 发表于 2023-8-22 14:57

又是一年七夕至，金风玉露相逢时。七夕节又称乞巧节、女儿节、双七节等，有乞巧、晒书、观星等习俗。古往今来，不少文人墨客留下了关于七夕的佳句，如“迢迢牵牛星，皎皎河汉女”“鹊辞穿线月，花入曝衣楼”“天上佳期称七夕，人间好景是秋光”“七月七日长生殿，夜半无人私语时”等等。正因如此，七夕是中华民族文化积淀厚重、最具浪漫色彩的传统节日之一。

七夕节在我国绵延数千载，其隆重程度曾经堪比春节。进入现代社会，人们的生产生活方式和价值观念发生了很大转变，七夕这个传统节日沉寂了有一段时间。如今，伴随着中华优秀传统文化的复兴进程，七夕文化得到了全社会的广泛关注，尤其受到青年群体的喜爱。每逢七夕这天，我们可以在不少广场、公园和景区看到，身着汉服的青年男女，用互赠礼品、分享美食等方式，寄托对美好爱情、生活的向往。这样的场景，在国外街头也经常出现。七夕节，已经成为人们增强文化自信、抒发民族自豪感的特殊日子。

可以说，七夕节不仅仅是“中国情人节”，更是一个文化内涵丰富的综合性节日。情感需求、民族文化、创新热情和民族自豪等，让这个传统节日得以更好传承和延续发展。在当前全球文化相互交融的背景下，传承和弘扬七夕文化具有很重要的现实意义。

梦油 发表于 2023-8-22 16:47

祝红影和花潮朋友们七夕快乐！

醉美水芙蓉 发表于 2023-8-22 17:01

小九 发表于 2023-8-22 19:36

影子七夕快乐{:4_204:}

红影 发表于 2023-8-22 20:24

梦油 发表于 2023-8-22 16:47
祝红影和花潮朋友们七夕快乐！

谢谢梦油，大家一起快乐{:4_187:}

红影 发表于 2023-8-22 20:24

醉美水芙蓉 发表于 2023-8-22 17:01
欣赏红影美女精彩！祝七夕节快乐！

谢谢水芙蓉美女鼓励，也祝你节日快乐{:4_187:}

红影 发表于 2023-8-22 20:25

小九 发表于 2023-8-22 19:36
影子七夕快乐

谢谢九儿，七夕快乐{:4_187:}

小辣椒 发表于 2023-8-22 21:09

亲爱的，新的转盘播放器漂亮{:4_187:}

小辣椒 发表于 2023-8-22 21:11

祝福论坛的朋友们七夕快乐！

马黑黑 发表于 2023-8-22 22:20

红影 发表于 2023-8-22 14:52
今天七夕节，做个贺帖，同时学习一下黑黑的代码。感谢@马黑黑 的代码

今天太阳不是很好，不是很合适晒书{:4_170:}

红影 发表于 2023-8-23 09:49

小辣椒 发表于 2023-8-22 21:09
亲爱的，新的转盘播放器漂亮

黑黑的新打包插件呢，用插件作图特别方便{:4_173:}

红影 发表于 2023-8-23 09:50

小辣椒 发表于 2023-8-22 21:11
祝福论坛的朋友们七夕快乐！

嗯嗯，跟亲爱的一起祝福{:4_187:}

红影 发表于 2023-8-23 09:51

马黑黑 发表于 2023-8-22 22:20
今天太阳不是很好，不是很合适晒书

而且我们这下雨，都没法去葡萄架下听私语了{:4_173:}

马黑黑 发表于 2023-8-23 12:17

红影 发表于 2023-8-23 09:51
而且我们这下雨，都没法去葡萄架下听私语了

好多活动都受限了

红影 发表于 2023-8-23 16:46

马黑黑 发表于 2023-8-23 12:17
好多活动都受限了

虽然我也没想过去参加那些活动{:4_173:}

马黑黑 发表于 2023-8-23 18:11

红影 发表于 2023-8-23 16:46
虽然我也没想过去参加那些活动

但想无妨

红影 发表于 2023-8-23 20:27

马黑黑 发表于 2023-8-23 18:11
但想无妨

不去打扰牛郎织女的相会啊，人家一年才见一次{:4_173:}

子露 发表于 2023-8-23 21:02

节日快乐！红影姐姐！迟来的祝福！我忽然想起论坛里好多人是那里来的了！漫步里的

查看完整版本: 《七夕》祝大家节日快乐！