绿叶清舟 发表于 2024-12-5 20:26

又见琼瑶梦

<style>
#papa {
      --state: paused;
      margin: -80px 0 0 calc(50% - 723px);
      display: grid;
      place-items: center;
      width: 1280px;
      height: 720px;
      background: lightblue url('https://pic.imgdb.cn/item/67519a9bd0e0a243d4de4f85.jpg') no-repeat center/cover;
      box-shadow: 6px 3px 20px #000;
      user-select: none;
      position: relative;
      z-index: 1;
}
#mplayer {
      position: absolute;
      width: fit-content;
      height: fit-content;
      top: 660px;
      left: 700px;
      cursor: pointer;
}
.ball {
      margin: 2px;
      width: 10px;
      height: 10px;
      border-radius: 30%;
      background: #1a2020;
      opacity:.45;
      position: relative;
      display: inline-block;
      box-shadow: -4px -4px 4px #cacfcb;
}
#btnFs {
      position: absolute;
      bottom: 20px;
      width: fit-content;
      height: fit-content;
      padding: 6px;
      border-radius: 6px;
      border: 2px solid snow;
      color: snow;
      text-shadow: 1px 1px 1px #000;
      display: none;
      cursor: pointer;
}
@keyframes flash { to { box-shadow: 0 0 20px 10px #cacfcb, -2px -2px 8px snow inset; } }
</style>

<div id="papa">
      <div id="mplayer"></div>
      <div id="btnFs">全屏观赏</div>
      <audio id="aud" src="https://music.163.com/song/media/outer/url?id=312571.mp3" autoplay loop></audio>
</div>

<script>
(function() {
      let total = 26, fs = false, timerId;
      for(i = 0; i < total; i++) {
                let span = document.createElement('span');
                span.className = 'ball';
                span.style.cssText += `
                        animation: flash ${Math.random()}s infinite alternate var(--state);
                `;
                mplayer.appendChild(span);
      }
      let mState = () => papa.style.setProperty('--state', aud.paused ? 'paused' : 'running');
      mplayer.onclick = () => aud.paused ? aud.play() : aud.pause();
      aud.addEventListener('play', () => mState());
      aud.addEventListener('pause', () => mState());
      aud.addEventListener('ended', () => playNext());
      aud.addEventListener('error', () => {
                if(aud.error.code === 4) aud.src = 'http://www.kumeiwp.com/sub/filestores/2023/02/28/466426af58d0bcacee07591638ed5f9a.mp3';
      });      
      papa.addEventListener('mousemove', (e) => {
                clearTimeout(timerId);
                btnFs.style.display = 'block';
                timerId = setTimeout('btnFs.style.display = "none"', 3000);
      });
      btnFs.addEventListener('click', () => fs ? document.exitFullscreen() : papa.requestFullscreen());
      document.addEventListener('fullscreenchange', () => document.fullscreenElement !== null ? (fs = true, btnFs.innerText = '退出全屏') : (fs = false, btnFs.innerText = '全屏观赏'));
})();
</script>

马黑黑 发表于 2024-12-5 21:01

刚走的，咋就梦见了人家的梦

小辣椒 发表于 2024-12-5 21:23

清舟也是琼瑶粉丝的{:4_173:}

小辣椒 发表于 2024-12-5 21:25

你是风儿我是沙，这首歌也是喜欢的，太熟悉的歌声，今天网络都是怀念的文字

小辣椒 发表于 2024-12-5 21:25

清舟还把剧中人物上图图里面了

绿叶清舟 发表于 2024-12-5 21:28

马黑黑 发表于 2024-12-5 21:01
刚走的，咋就梦见了人家的梦

这就叫托梦的嘛

绿叶清舟 发表于 2024-12-5 21:28

小辣椒 发表于 2024-12-5 21:23
清舟也是琼瑶粉丝的

她的书还真看了不少的了

绿叶清舟 发表于 2024-12-5 21:29

小辣椒 发表于 2024-12-5 21:25
你是风儿我是沙，这首歌也是喜欢的，太熟悉的歌声，今天网络都是怀念的文字

我们这一代受她的影响应该都不小的了

杨帆 发表于 2024-12-5 22:39

琼瑶梦，一代人的梦，谢谢绿叶清舟版主精彩分享{:4_204:}

红影 发表于 2024-12-5 23:01

这小播真漂亮，图图的制作也很美。
缅怀一代才女{:4_187:}

红影 发表于 2024-12-5 23:03

琼瑶的笔下创造了很多美丽的故事，也让一批饰演她的剧的演员被家喻户晓。
欣赏清舟精美制作{:4_199:}

马黑黑 发表于 2024-12-5 23:10

绿叶清舟 发表于 2024-12-5 21:28
这就叫托梦的嘛

原来托梦是酱紫

起个网名好难 发表于 2024-12-6 06:05

https://img.soogif.com/olrt53z1tMMdY6VqE2K7nSCkMRVWeFe0.gif

绿叶清舟 发表于 2024-12-8 20:57

杨帆 发表于 2024-12-5 22:39
琼瑶梦，一代人的梦，谢谢绿叶清舟版主精彩分享

谢谢杨帆支持，她的不少影视出品还很精典的了

绿叶清舟 发表于 2024-12-8 20:57

起个网名好难 发表于 2024-12-6 06:05


谢谢网名，晚上好

绿叶清舟 发表于 2024-12-8 20:57

马黑黑 发表于 2024-12-5 23:10
原来托梦是酱紫

要不要试试

绿叶清舟 发表于 2024-12-8 20:58

红影 发表于 2024-12-5 23:03
琼瑶的笔下创造了很多美丽的故事，也让一批饰演她的剧的演员被家喻户晓。
欣赏清舟精美制作

不少演员是因为她而红的了

红影 发表于 2024-12-8 22:14

绿叶清舟 发表于 2024-12-8 20:58
不少演员是因为她而红的了

是啊，她的作品在那时很受欢迎，演她作品的演员也容易成名。

马黑黑 发表于 2024-12-9 11:54

绿叶清舟 发表于 2024-12-8 20:57
要不要试试

算了，俺跟琼瑶不熟

绿叶清舟 发表于 2024-12-9 20:06

红影 发表于 2024-12-8 22:14
是啊，她的作品在那时很受欢迎，演她作品的演员也容易成名。

曾经凡给借到的是她的书都看了
页: [1] 2
查看完整版本: 又见琼瑶梦