【云荷十二月同图】雪花
本帖最后由 向荣 于 2025-1-2 10:49 编辑 <br /><br />http://image.hnol.net/c/2020-06/21/15/20200621153355581-5107132.jpg<div style="left: -400px; top: 180px; width: 1401px; position: relative;"><iframe width="1401" height="801" src="http://home.zhijiany.com/userfiles/wsxrxs/2015/%CF%C2x.htm" frameBorder="0" marginWidth="0" marginHeight="0" scrolling="no"></iframe></div><br><br><br><br><br><br><br><br><br><br><br><br><br< body=""></br<>http://image.hnol.net/c/2021-08/15/10/202108151025517371-5107132.jpg<style>#mydiv { margin: 0 0 0 calc(70% - 781px);
display: grid;
place-items: center;
width: 800px;
height: 1120px;
top:130px;
background: lightblue url('https://image.hnol.net/c/2023-09/18/09/20230918090918541-5107132.jpg') no-repeat center/cover;
box-shadow: 3px 3px 20px #000;
user-select: none;
overflow: hidden;
position: relative;
z-index: 1;
}
.mypic {
position: absolute;
right:60px;
top:30px;
cursor: pointer;
mix-blend-mode: Multiply;
z-index: 3;
}
#vid {
position: absolute;
width: 100%;
height: 110%;
top:-80px;
object-fit: cover;
pointer-events: none;
mix-blend-mode: screen;
z-index: 2;
opacity: .15;
}
</style>
</p>
<div id="mydiv">
<div class="mypic"><img src="http://image.hnol.net/c/2020-01/12/21/202001122101092431-5107132.gif" alt="" /></div>
<video id="vid" src="https://img.tukuppt.com/video_show/2475824/00/01/59/5b46b86e6c5bf.mp4" autoplay="" loop="" muted=""></video>
</div>
<audio id="aud" src="https://music.163.com/song/media/outer/url?id=41659405" autoplay="" loop=""></audio>
<br><br><br><br><br><br><br><br>
<p>今日早霞<p>
<p>煞是好看</p>
<p>五彩缤纷的季节</p>
<p>我欣赏着早霞</p></div>
</div><div class="pct"><style type="text/css">.pcb{margin-right:0}</style><div class="pcb">
<div class="t_fsz">
<table cellspacing="0" cellpadding="0"><tr><td class="t_f" id="postmessage_9580260">
<div class="t_fsz"><table cellspacing="0" cellpadding="0"><tr><td class="t_f" id="postmessage_342895">
<style>
#mydiv {
margin: 130px 0 30px calc(40% - 781px);
width: 1600px;
height: 900px;
background: url('https://bohann.net/data/attachment/forum/202412/29/083825um9wpz4g9tvmwl7j.jpg') no-repeat center/cover;
box-shadow: 3px 3px 8px #000, 0 0 0 2px silver;
overflow: hidden;
z-index: 1;
position: relative;
}
#player {
position: absolute;
left: 10px;
top: 10px;
width: 160px;
height: 160px;
transition: 3s;
filter: invert(1) drop-shadow(10 0 24px ForestGreen);
cursor: pointer;
animation: rot 5s linear infinite var(--state);
}
#player:hover { filter: invert(.8) drop-shadow(0 0 24px red); }
#vid {
position: absolute;
bottom: 0;
width: 100%;
height: calc(100% + 100px);
object-fit: cover;
pointer-events: none;
mix-blend-mode: screen;
}
@keyframes rot { to { transform: rotate(360deg); } }
</style>
<div id="mydiv">
<video id="vid" src="https://img.tukuppt.com/video_show/2269348/00/14/66/5e5a2d19f00fd.mp4" loop muted></video>
<audio id="aud" src="https://cdn1.suno.ai/94a649dd-2c2e-4540-81a5-b81fc191fb18.mp3" autoplay loop></audio>
<img id="player" src="https://bohann.net/data/attachment/forum/202411/27/200040rw5m55eetoll9o5k.jpg" alt="" />
</div>
<script>
(function() {
let timer = null, sF = document.createElement('script');
sF.src = 'https://638183.freep.cn/638183/web/api/fullscreen.js';
sF.charset = 'utf-8';
document.querySelector('body').appendChild(sF);
sF.onload = () => FS({papa: '#mydiv'});
mydiv.onmousemove = function(e) {
clearTimeout(timer);
timer = setTimeout(function() {
if(e.target.id === 'player') return;
let x = e.offsetX | e.layerX, y = e.offsetY | e.layerY, sw = player.offsetWidth;
if(x < 0) x = 0;
if(x > mydiv.offsetWidth - sw) x = mydiv.offsetWidth - sw;
if(y < 0) y = 0;
if(y > mydiv.offsetHeight - sw) y = mydiv.offsetHeight - sw;
player.style.cssText += `left: ${x}px; top: ${y}px`;
}, 400);
}
let mState = () => aud.paused
? (mydiv.style.setProperty('--state','paused'), vid.pause())
: (mydiv.style.setProperty('--state','running'), vid.play());
aud.addEventListener('playing', mState);
aud.addEventListener('pause', mState);
player.onclick = () => aud.paused ? aud.play() : aud.pause();
})();
</script>
<br><br><br><br><br></td></tr></table></td></tr></table>
<p>享受它带给我的愉悦</p><div style="background: none; left: 0px; width: 100%; margin-top: 150px; position: absolute; z-index: 32768;"><center><iframe width="1600" height="900" src="http://bb.xxyyhlt.cn/xxy/wsxrxs/wxf.htm" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe></center></div><div style="height: 900px;"></div><br><br><br><br>
图文版式的美图图，边框精美、大气秀雅，每一幅图图处理的都好美~~~ 翻页特效流畅自然，音乐暂时不能听，偷溜上来的~~~;P 问好向荣宝贝
暖抱一个
谢谢支持云荷活动
欣赏精彩绝伦的特效,温馨浪漫的作品,意境美到让人心醉..... 这个真好听 配这图完美 欣赏学习 雪花轻盈而来
似梦中念起的某个日子
不知疲倦地飞舞 特效粉棒 精美大气的作品
向荣姐制作的太美了 图文版式漂亮 色调雅致 花边制作精致 一份温暖的礼物 图文版同图，效果很棒~~
色彩和谐，美美的欣赏~~
问好向荣，制作分享辛苦了~~