朝云暮雨 发表于 2023-4-24 07:50

飞花令TO樵 歌

本帖最后由 朝云暮雨 于 2023-4-24 13:38 编辑

https://img.wyc520.com.cn/data/attachment/forum/202304/23/225908jfcmmhhhkch8hhkh.png

飞花令TO樵 歌/朝云暮雨

樵 歌

樵路接云山,禅歌出九寰。
行人声影缈,隐入叠峦间。

采樵林浦归,兴起歌辞晚。
一鹤影沉沉,御风飞去远。

径深樵路远,日暮踏歌回。
声扰干年鹤,惊飞下野梅。

路尽归樵子,悠然独放歌。
闲滩初歇担,卧坐解青蓑。

树密隐山樵,歌兮云水杳。
晚来断续钟,敛寂出林杪。


樵 歌

山中长日静,喜去采春鲜。
樵子归阡陌,闻歌向晚天。

青霭敛山肩,烟岚缠树杪。
一樵云外来,隐约歌飘渺。

始觅深深径,听溪候雨晴。
忽闻樵影远,河曲纵歌声。

谷深花露滑,风起满池荷。
竹外停樵子,侧听浣女歌。

犹忆趁芳菲,听风春约步。
滩头卧客樵,歌酒寒山暮。

朝云暮雨 发表于 2023-4-24 13:41


<style>
#papa {
      margin: -80px 0 0 calc(50% - 593px);
      width: 1024px;
      height: 640px;
      background: lightblue url('https://638183.freep.cn/638183/t23/webp/mwrfsi2.webp') no-repeat center/cover;
      box-shadow: 3px 3px 20px #000;
      position: relative;
      user-select: none;
      z-index: 1;
      --state: paused;
      --opa: 1;
}
#papa::before, #papa::after {
      position: absolute;
      content: '';
      width: 50%;
      height: 100%;
      background: url('https://638183.freep.cn/638183/t23/webp/mwrfsi1.webp') no-repeat center/cover;
      opacity: var(--opa);
      transition: opacity 1.2s;
}
#papa::after { left: 50%; transform: rotateY(180deg); }
#papa:hover { --opa: 0; }
#papa:fullscreen { animation: flash 8s linear infinite alternate; }
#fly {
      position: absolute;
      left: 50%;
      width: 360px;
      height: 200px;
      animation: fly 100s infinite alternate var(--state);
}
.mplayer {
      --tt: 6s;
      position: absolute;
      left: 0;
      width: 200px;
      height: 200px;
      border-radius: 50%;
      transform: perspective(1000px) rotateX(45deg) rotateY(30deg);
      animation: rot var(--tt) linear infinite var(--state);
      cursor: pointer;
      transition: .45s;
      z-index: 2;
}
.mplayer:hover { filter: drop-shadow(0 0 80px snow) brightness(200%); }
.mplayer:nth-of-type(2) {
      --tt: 4s;
      left: 210px;
      width: 150px;
      height: 150px;
}
.mplayer:nth-of-type(3) {
      --tt: 2s;
      left: 130px;
      width: 100px;
      height: 100px;
}
@keyframes rot { to { transform: perspective(1000px) rotateX(45deg) rotateY(30deg) rotateZ(360deg); } }
@keyframes fly { to { left: calc(100% - 360px); } }
@keyframes flash { from { --opa: 1; } to { --opa: 0; } }
</style>

<div id="papa">
      <div id="fly">
                <img class="mplayer" src="https://638183.freep.cn/638183/t23/1/toui.png" alt="" />
                <img class="mplayer" src="https://638183.freep.cn/638183/t23/1/toui.png" alt="" />
                <img class="mplayer" src="https://638183.freep.cn/638183/t23/1/toui.png" alt="" />
      </div>
</div>
<audio id="aud" src="https://music.163.com/song/media/outer/url?id=1335968349.mp3" loop autoplay></audio>

<script>
(function() {
      (function(mkFS) {let setFullScreen = (user_set) => {let pa = user_set.pa;if(typeof(pa) !== 'object') return false;if(!user_set.set) user_set.set = 'color: snow; background: black; border: 2px solid snow; left: 40px; bottom: 40px;';btnMsg = document.createElement('span');btnMsg.style.cssText = `position: absolute; border-radius: 8px; padding: 4px; cursor: pointer; z-index:998; ${user_set.set}`;btnMsg.innerText = '全屏观赏';btnMsg.style.display = 'none';pa.appendChild(btnMsg);let timerId, fs = false;btnMsg.onclick = () => fs ? document.exitFullscreen() : pa.requestFullscreen();pa.addEventListener('mousemove', (e) => {clearTimeout(timerId);btnMsg.style.display = 'block';timerId = setTimeout('btnMsg.style.display = "none"', 3000);});document.addEventListener('fullscreenchange', () => {if (document.fullscreenElement !== null) {fs = true;btnMsg.innerText = '退出全屏';} else {fs = false;btnMsg.innerText = '全屏观赏';}});};mkFS.FS = setFullScreen;})(this);
      let mState = () => papa.style.setProperty('--state', aud.paused ? 'paused' : 'running');
      let btns = document.querySelectorAll('.mplayer');
      [...btns].forEach((item) => item.onclick = () => aud.paused ? aud.play() : aud.pause());
      aud.addEventListener('play', () => mState());
      aud.addEventListener('pause', () => mState());
      FS({
                pa:papa,
                set:'right: 20px; bottom: 20px; background: transparent; color: snow; border: 2px solid snow;',
      });
      aud.onerror = () => {
                if(aud.error.code === 4) aud.src = 'http://www.kumeiwp.com/sub/filestores/2023/02/24/e2bf972fc421ee7cde43dcb8e2338ddd.mp3';
      }
})();
</script>


朝云暮雨 发表于 2023-4-24 07:56

@樵歌   我这算不算飞花?乱飞一通,自称一一曲水流觞。哈哈哈!你的名这样,只能错位嵌入式,也挺考究技术的,特别是嵌下面,三,四句,你知不知道我是要倒过来写的?把诗倒过来想,哈哈哈,还是少有,费我不少心思。{:4_173:}

朝云暮雨 发表于 2023-4-24 08:00

不能传图,真烦,@红影 小影子快给我放宽权限,我的图全是在其它网站复制粘贴进来的,要上电脑。

红影 发表于 2023-4-24 09:47

云儿又飞出了很别致的飞花令呢,错位嵌入式,这个好{:4_199:}

红影 发表于 2023-4-24 09:49

一首首品读下来,字句精美,美不胜收。云儿太赞了。@樵歌快来收礼{:4_187:}

红影 发表于 2023-4-24 09:51

朝云暮雨 发表于 2023-4-24 08:00
不能传图,真烦,@红影 小影子快给我放宽权限,我的图全是在其它网站复制粘贴进来的,要上电脑。

可以使用其他链接地址的啊,这样上传的图图可以更大点。我们的图图大都上传https://www.superbed.cn/的,云儿可以试试{:4_204:}

樵歌 发表于 2023-4-24 13:21

朝云暮雨 发表于 2023-4-24 07:56
@樵歌   我这算不算飞花?乱飞一通,自称一一曲水流觞。哈哈哈!你的名这样,只能错位嵌入式,也挺考究技术 ...

一字飞算肯定算飞飞今中娇娇的{:4_173:}持别是把花花放第三句上飞,古今中外,你是第一人,没有之一!{:4_187:}!放第三句上,确实要从第四句倒着想,很难的!俺一个打樵的何德何能让云儿姑娘如些大费周章,心里实在感动{:4_187:}{:4_185:}

樵歌 发表于 2023-4-24 13:23

早知道姑娘要送飞花令,就取平仄相间的名好了。{:4_173:}

樵歌 发表于 2023-4-24 13:28

这一首首的樵山诗画,悠然心态,林泉之美,美不胜收!

樵歌 发表于 2023-4-24 13:31

红影 发表于 2023-4-24 09:49
一首首品读下来,字句精美,美不胜收。云儿太赞了。@樵歌快来收礼

来了来了,正好在乌镇品茶,不然要晚几小时才能看到呢!{:4_173:}

朝云暮雨 发表于 2023-4-24 13:39

红影 发表于 2023-4-24 09:47
云儿又飞出了很别致的飞花令呢,错位嵌入式,这个好

贪玩。{:4_173:}

朝云暮雨 发表于 2023-4-24 13:41

红影 发表于 2023-4-24 09:49
一首首品读下来,字句精美,美不胜收。云儿太赞了。@樵歌快来收礼

觉得还可以就行{:4_191:}

朝云暮雨 发表于 2023-4-24 13:42

红影 发表于 2023-4-24 09:51
可以使用其他链接地址的啊,这样上传的图图可以更大点。我们的图图大都上传https://www.superbed.cn/的, ...

我是懒,只要是手机发帖直接插就行。{:4_173:}

朝云暮雨 发表于 2023-4-24 13:47

樵歌 发表于 2023-4-24 13:21
一字飞算肯定算飞飞今中娇娇的持别是把花花放第三句上飞,古今中外,你是第一人,没有之一!{:4 ...

算就行了,如果不算,也就是嵌字的一种写法吧, {:4_173:}。错位嵌,只要是考虑的因素会更多一点。写前,首先用那个格。你给我弄那么巫山十二峰,我肯定得弄点惊喜给你。哈哈{:4_173:}

朝云暮雨 发表于 2023-4-24 13:53

樵歌 发表于 2023-4-24 13:23
早知道姑娘要送飞花令,就取平仄相间的名好了。

仄韵的绝以前见随笔心笺写过一次,后来知道也有仄韵的写法,倒过来就行。写法是一样的。嵌字特别是二个字特定位置,是比较拘束。我平时写诗,很多时是突然有一句话,然后就根据这句话四面延伸,有时倒过来写,有时在中间开始写。反正是看格律需要。放在哪个位置。反正就是要花点时间。难道是有一点。但也是练笔的好机会{:4_191:}{:4_173:}

朝云暮雨 发表于 2023-4-24 13:54

樵歌 发表于 2023-4-24 13:28
这一首首的樵山诗画,悠然心态,林泉之美,美不胜收!

行吧,喜欢就行 {:4_205:}

朝云暮雨 发表于 2023-4-24 13:55

樵歌 发表于 2023-4-24 13:28
这一首首的樵山诗画,悠然心态,林泉之美,美不胜收!

这个可以有,以后再取个马甲,哈哈

一斛珠 发表于 2023-4-24 14:00

人美,飞起来也是漂亮的很。

一斛珠 发表于 2023-4-24 14:01

得空我也学习学习。
页: [1] 2 3
查看完整版本: 飞花令TO樵 歌