牡丹 - 仿《寒冬残荷》网友帖
<style type="text/css">@import url('https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css');
@import url('http://cesholl.cn3v.work/sstyle/lrcPlayerX.min.css');
.tab {
width:90vw; margin:82px 12px 32px -16vw;
height:67.5vw;
box-shadow: 0px 0px 0px 2px #cccccc, 0px 0px 6px 15px #ff0000; overflow:hidden; transform:rotate(0deg);position:relative;
background:url(https://s3.bmp.ovh/imgs/2022/08/19/bb1e66841e5c1827.jpg) 0 0 /100% 100%;}
#aniImg{
width:70%; height:70%;
background:url(https://s4.ax1x.com/2022/02/21/HjQsw6.jpg) 0 0 / 100% 100%;
position:absolute; top:15%; left:15%; animation-duration:2.5s;
overflow:hidden;border-radius:24px;}
</style>
<div class="tab">
<div id="aniImg" class="animate__animated" ></div>
<audio src="http://link.hhtjim.com/kw/4360098.mp3" loop autoplay controls
onmouseover="this.style.opacity=0.8;" onmouseout="this.style.opacity=0.1;"
style="position:absolute;left:30%;bottom:4px;opacity:0.1;"></audio>
</div>
<script type="text/javascript">
var imgs=[
"https://s4.ax1x.com/2022/02/21/HjQsw6.jpg",
"https://s4.ax1x.com/2022/02/21/HjQrex.jpg",
"https://s4.ax1x.com/2022/02/21/HjQBO1.jpg",
"https://s4.ax1x.com/2022/02/21/HjQ0yR.jpg",
"https://s4.ax1x.com/2022/02/21/HjQwl9.jpg",
"https://s4.ax1x.com/2022/02/21/HjQdSJ.jpg",
"https://s4.ax1x.com/2022/02/21/HjQUW4.jpg",
"https://s4.ax1x.com/2022/02/21/HjQNYF.jpg",
"https://s4.ax1x.com/2022/02/21/HjQtFU.jpg",
"https://s4.ax1x.com/2022/02/21/HjQJoT.jpg",
"https://s4.ax1x.com/2022/02/21/HjQGwV.jpg",
"https://s4.ax1x.com/2022/02/21/HjQ8e0.jpg",
"https://s4.ax1x.com/2022/02/21/HjQ1Lq.jpg",
"https://s4.ax1x.com/2022/02/21/HjQlyn.jpg",
"https://s4.ax1x.com/2022/02/20/HLEf9f.jpg",
"https://s4.ax1x.com/2022/02/20/HLE2Nt.jpg",
"https://s4.ax1x.com/2022/02/20/HLEgAI.jpg",
"https://s4.ax1x.com/2022/02/20/HLE6HA.jpg",
"https://s4.ax1x.com/2022/02/20/HLEyBd.jpg",
"https://s4.ax1x.com/2022/02/20/HLEsnH.jpg",
"https://s4.ax1x.com/2022/02/20/HLEDje.jpg",
"https://s4.ax1x.com/2022/02/20/HLEBcD.jpg",
"https://s4.ax1x.com/2022/02/20/HLE01O.jpg",
"https://s4.ax1x.com/2022/02/20/HLEw9K.jpg",
"https://s4.ax1x.com/2022/02/20/HLEah6.jpg",
"https://s4.ax1x.com/2022/02/20/HLENA1.jpg",
"https://s4.ax1x.com/2022/02/20/HLEY7R.jpg",
"https://s4.ax1x.com/2022/02/20/HLEJB9.jpg",
"https://s4.ax1x.com/2022/02/20/HLEGnJ.jpg",
"https://s4.ax1x.com/2022/02/20/HLE3X4.jpg",
"https://s4.ax1x.com/2022/02/20/HLE1cF.jpg",
"https://s4.ax1x.com/2022/02/20/HLEl1U.jpg",
"https://s4.ax1x.com/2022/02/20/HLEQpT.jpg",
"https://s4.ax1x.com/2022/02/20/HLEKhV.jpg",
"https://s4.ax1x.com/2022/02/20/HLEut0.jpg",
"https://s4.ax1x.com/2022/02/20/HLEnkq.jpg",
"https://s4.ax1x.com/2022/02/20/HLEe7n.jpg",
"https://s4.ax1x.com/2022/02/20/HLEZ0s.jpg",
"https://s4.ax1x.com/2022/02/20/HLEVmj.jpg",
"https://s4.ax1x.com/2022/02/20/HLEAXQ.jpg",
"https://s4.ax1x.com/2022/02/20/HLEk6g.jpg",
"https://s4.ax1x.com/2022/02/20/HLEF1S.jpg",
"https://s4.ax1x.com/2022/02/19/HqB3Sf.jpg",
"https://s4.ax1x.com/2022/02/19/HqBlfP.jpg",
"https://s4.ax1x.com/2022/02/19/HqBQYt.jpg",
"https://s4.ax1x.com/2022/02/19/HqBMFI.jpg",
"https://s4.ax1x.com/2022/02/19/HqBuTA.jpg",
"https://s4.ax1x.com/2022/02/19/HqBnwd.jpg",
"https://s4.ax1x.com/2022/02/19/HqBmeH.jpg",
"https://s4.ax1x.com/2022/02/19/HqBZOe.jpg",
"https://s4.ax1x.com/2022/02/19/HqBVyD.jpg",
"https://s4.ax1x.com/2022/02/19/HqBASK.jpg",
"https://s4.ax1x.com/2022/02/19/HqBFW6.jpg",
"https://s4.ax1x.com/2022/02/19/HqBiJx.jpg",
"https://s4.ax1x.com/2022/02/19/HqBPF1.jpg",
"https://s4.ax1x.com/2022/02/19/HqB9oR.jpg",
"https://s4.ax1x.com/2022/02/19/HqBpw9.jpg",
"https://s4.ax1x.com/2022/02/19/HqBSeJ.jpg",
"https://s4.ax1x.com/2022/02/19/Hq0xL4.jpg",
"https://s4.ax1x.com/2022/02/19/Hq0vyF.jpg",
"https://s4.ax1x.com/2022/02/19/Hq0jQU.jpg",
"https://s4.ax1x.com/2022/02/19/Hq0OzT.jpg",
"https://s4.ax1x.com/2022/02/19/Hq0LWV.jpg",
"https://s4.ax1x.com/2022/02/19/Hq0qJ0.jpg",
"https://s4.ax1x.com/2022/02/19/Hq0biq.jpg",
"https://s4.ax1x.com/2022/02/19/Hq07on.jpg",
"https://s4.ax1x.com/2022/02/19/Hq0Tds.jpg",
"https://s4.ax1x.com/2022/02/19/Hq0oZj.jpg",
"https://s4.ax1x.com/2022/02/19/Hq05LQ.jpg",
"https://s4.ax1x.com/2022/02/19/Hq04sg.jpg",
"https://z3.ax1x.com/2021/08/29/h88Uyt.jpg",
"https://z3.ax1x.com/2021/08/29/h88NQI.jpg",
"https://z3.ax1x.com/2021/08/29/h88tSA.jpg",
"https://z3.ax1x.com/2021/08/29/h88JWd.jpg",
"https://z3.ax1x.com/2021/08/29/h88GJH.jpg"];
var dhlm= ["bounce","flash","pulse","rubberBand","shakeX","shakeY","headShake","swing","tada","wobble","jello","heartBeat","backInDown","backInLeft","backInRight","backInUp","backOutDown","backOutLeft","backOutRight","backOutUp","bounceIn","bounceInDown","bounceInLeft","bounceInRight","bounceInUp","bounceOut","bounceOutDown","bounceOutLeft","bounceOutRight","bounceOutUp","fadeIn","fadeInDown","fadeInDownBig","fadeInLeft","fadeInLeftBig","fadeInRight","fadeInRightBig","fadeInUp","fadeInUpBig","fadeInTopLeft","fadeInTopRight","fadeInBottomLeft","fadeInBottomRight","fadeOut","fadeOutDown","fadeOutDownBig","fadeOutLeft","fadeOutLeftBig","fadeOutRight","fadeOutRightBig","fadeOutUp","fadeOutUpBig","fadeOutTopLeft","fadeOutTopRight","fadeOutBottomRight","fadeOutBottomLeft","flip","flipInX","flipInY","flipOutX","flipOutY","lightSpeedInRight","lightSpeedInLeft","lightSpeedOutRight","lightSpeedOutLeft","rotateIn","rotateInDownLeft","rotateInDownRight","rotateInUpLeft","rotateInUpRight","rotateOut","rotateOutDownLeft","rotateOutDownRight","rotateOutUpLeft","rotateOutUpRight","hinge","jackInTheBox","rollIn","rollOut","zoomIn","zoomInDown","zoomInLeft","zoomInRight","zoomInUp","zoomOut","zoomOutDown","zoomOutLeft","zoomOutRight","zoomOutUp","slideInDown","slideInLeft","slideInRight","slideInUp","slideOutDown","slideOutLeft","slideOutRight","slideOutUp"];
function initAni() {
var aniImg = document.getElementById('aniImg');
aniImg.style.backgroundImage = 'url('+imgs+')';
aniImg.classList.add('animate__'+dhlm);
aniImg.addEventListener('animationend', function () {
aniImg.style.backgroundImage = 'url('+imgs+')';
aniImg.className = 'animate__animated animate__'+dhlm;
});
}
initAni();
</script>
欣赏一下，谢谢。 蓝魔 发表于 2022-8-19 22:26
欣赏一下，谢谢。
http://www.yinhuabbs.cn/data/attachment/forum/201912/20/123001hstspbnsskb1sb2s.gif
欣赏佳作，为你点赞。 欣赏楼主的新作，多谢分享！点赞 绿地水池 发表于 2022-8-19 23:09
欣赏佳作，为你点赞。
http://www.yinhuabbs.cn/data/attachment/forum/201912/20/123001hstspbnsskb1sb2s.gif 非常开心 发表于 2022-8-20 07:47
欣赏楼主的新作，多谢分享！点赞
http://www.yinhuabbs.cn/data/attachment/forum/201912/20/123001hstspbnsskb1sb2s.gif 195400 发表于 2022-8-20 08:54
195400朋友下午好。 绿地水池 发表于 2022-8-20 15:23
195400朋友下午好。
http://dingyue.ws.126.net/2021/1222/c922ab3ag00r4ij7u0012d2006o006og006o006o.gif
195400 发表于 2022-8-20 16:06
问好195400朋友。