飞花令TO樵 歌
本帖最后由 朝云暮雨 于 2023-4-24 13:38 编辑https://img.wyc520.com.cn/data/attachment/forum/202304/23/225908jfcmmhhhkch8hhkh.png
飞花令TO樵 歌/朝云暮雨
樵 歌
樵路接云山,禅歌出九寰。
行人声影缈,隐入叠峦间。
采樵林浦归,兴起歌辞晚。
一鹤影沉沉,御风飞去远。
径深樵路远,日暮踏歌回。
声扰干年鹤,惊飞下野梅。
路尽归樵子,悠然独放歌。
闲滩初歇担,卧坐解青蓑。
树密隐山樵,歌兮云水杳。
晚来断续钟,敛寂出林杪。
樵 歌
山中长日静,喜去采春鲜。
樵子归阡陌,闻歌向晚天。
青霭敛山肩,烟岚缠树杪。
一樵云外来,隐约歌飘渺。
始觅深深径,听溪候雨晴。
忽闻樵影远,河曲纵歌声。
谷深花露滑,风起满池荷。
竹外停樵子,侧听浣女歌。
犹忆趁芳菲,听风春约步。
滩头卧客樵,歌酒寒山暮。
<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>
@樵歌 我这算不算飞花?乱飞一通,自称一一曲水流觞。哈哈哈!你的名这样,只能错位嵌入式,也挺考究技术的,特别是嵌下面,三,四句,你知不知道我是要倒过来写的?把诗倒过来想,哈哈哈,还是少有,费我不少心思。{:4_173:} 不能传图,真烦,@红影 小影子快给我放宽权限,我的图全是在其它网站复制粘贴进来的,要上电脑。 云儿又飞出了很别致的飞花令呢,错位嵌入式,这个好{:4_199:} 一首首品读下来,字句精美,美不胜收。云儿太赞了。@樵歌快来收礼{:4_187:} 朝云暮雨 发表于 2023-4-24 08:00
不能传图,真烦,@红影 小影子快给我放宽权限,我的图全是在其它网站复制粘贴进来的,要上电脑。
可以使用其他链接地址的啊,这样上传的图图可以更大点。我们的图图大都上传https://www.superbed.cn/的,云儿可以试试{:4_204:} 朝云暮雨 发表于 2023-4-24 07:56
@樵歌 我这算不算飞花?乱飞一通,自称一一曲水流觞。哈哈哈!你的名这样,只能错位嵌入式,也挺考究技术 ...
一字飞算肯定算飞飞今中娇娇的{:4_173:}持别是把花花放第三句上飞,古今中外,你是第一人,没有之一!{:4_187:}!放第三句上,确实要从第四句倒着想,很难的!俺一个打樵的何德何能让云儿姑娘如些大费周章,心里实在感动{:4_187:}{:4_185:} 早知道姑娘要送飞花令,就取平仄相间的名好了。{:4_173:} 这一首首的樵山诗画,悠然心态,林泉之美,美不胜收! 红影 发表于 2023-4-24 09:49
一首首品读下来,字句精美,美不胜收。云儿太赞了。@樵歌快来收礼
来了来了,正好在乌镇品茶,不然要晚几小时才能看到呢!{:4_173:} 红影 发表于 2023-4-24 09:47
云儿又飞出了很别致的飞花令呢,错位嵌入式,这个好
贪玩。{:4_173:} 红影 发表于 2023-4-24 09:49
一首首品读下来,字句精美,美不胜收。云儿太赞了。@樵歌快来收礼
觉得还可以就行{:4_191:} 红影 发表于 2023-4-24 09:51
可以使用其他链接地址的啊,这样上传的图图可以更大点。我们的图图大都上传https://www.superbed.cn/的, ...
我是懒,只要是手机发帖直接插就行。{:4_173:} 樵歌 发表于 2023-4-24 13:21
一字飞算肯定算飞飞今中娇娇的持别是把花花放第三句上飞,古今中外,你是第一人,没有之一!{:4 ...
算就行了,如果不算,也就是嵌字的一种写法吧, {:4_173:}。错位嵌,只要是考虑的因素会更多一点。写前,首先用那个格。你给我弄那么巫山十二峰,我肯定得弄点惊喜给你。哈哈{:4_173:} 樵歌 发表于 2023-4-24 13:23
早知道姑娘要送飞花令,就取平仄相间的名好了。
仄韵的绝以前见随笔心笺写过一次,后来知道也有仄韵的写法,倒过来就行。写法是一样的。嵌字特别是二个字特定位置,是比较拘束。我平时写诗,很多时是突然有一句话,然后就根据这句话四面延伸,有时倒过来写,有时在中间开始写。反正是看格律需要。放在哪个位置。反正就是要花点时间。难道是有一点。但也是练笔的好机会{:4_191:}{:4_173:} 樵歌 发表于 2023-4-24 13:28
这一首首的樵山诗画,悠然心态,林泉之美,美不胜收!
行吧,喜欢就行 {:4_205:} 樵歌 发表于 2023-4-24 13:28
这一首首的樵山诗画,悠然心态,林泉之美,美不胜收!
这个可以有,以后再取个马甲,哈哈 人美,飞起来也是漂亮的很。 得空我也学习学习。