醉美水芙蓉 发表于 2022-5-13 21:52

情陷

本帖最后由 醉美水芙蓉 于 2022-5-13 22:15 编辑 <br /><br /> <div style="z-index: 127;width: 1000px; height: 600px; margin-top:30px; margin-left:-200px;box-shadow: 0px 0px 0px 2px #cccccc, 0px 0px 0px 15px #880000; overflow: hidden;transform:rotate(0deg);background-size: 100% 100%;background-image: url(http://pan.yinhuabbs.cn/view.php/521515bf7c3977a967ae6b563482f33c.jpg); text-align: center;">

<div class="mt10">
<div class="img_border"><img src="http://pan.yinhuabbs.cn/view.php/004c0d96afe69f6d8b7601a3900807b5.jpg" id="aplay"style="width: 550px; height: 420px;position: absolute;top:15px; left:420px;-webkit-mask-image:radial-gradient(black 25% ,transparent 70%);"></div>
</div>
<span class="items" style="color:#fff000;position:absolute;top:20px;left:-120px;width:780px;height:50px;z-index: 1600;"><span style="font-family:华文隶书;"><span style="font-size:45px;filter:drop-shadow(#000000 1px 0 0)drop-shadow(#000000 0 1px 0)drop-shadow(#000000 -1px 0 0) drop-shadow(#000000 0 -1px0);">《情陷》演唱：任妙音 </span></span></span>

<audio autoplay="" controls="" id="audio" loop="" oncontextmenu="return false;" src="http://url.amp3a.com/kuwo.php/190032253.mp3">&nbsp;</audio>
<button id="bf" onclick="bf();" style="z-index: 1555;"></button>

<script>
function rbf() {
var audio = document.getElementById('audio');
var bf=document.getElementById("bf");
audio.currentTime = 0;
audio.play();
bf.innerText="暂停";
}

function bf() {
var audio = document.getElementById('audio');
var bf=document.getElementById("bf");
if (audio !== null) {
if (audio.paused) {
audio.play(); //audio.play();// 这个就是播放bf.innerText="暂停";
} else {
audio.pause(); // 这个就是暂停
bf.innerText="播放";
}
}
}
</script>



<div class="items" >
<div id="musickrc">
<span id="musickrc01" style="text-align:center;color:#ff0000;transform: translate(-30%,0%);font-size: 45px; "></span><span id="musickrc02"></span>
</div></div>
</div>

<style type="text/css">
/* 公共部分 */
*{margin:0;border:0;}select{font-size:100%;}.fr{float:right;}.lr{float:left;}.mt10{max-width:640px;min-width:320px;margin:10px auto;text-align:center;}
/* MV */

.img_border{display:inline-block;width:1000px;height:600px;margin:0px ;position: absolute;top:0px; left:0px;background-image: url(https://s4.ax1x.com/2022/02/26/bZ4da9.gif);}
.img_border #aplay{width:1000px;height:600px;border-radius:0%;}
.z360z{animation: rotating 12s linear infinite;}@keyframes rotating
{0% {opacity: 1;transform: scale(0.2) }
50% {opacity: 1;transform: scale(1)}
100% {opacity: 0;transform: scale(1)}
}
#musickrc{width:980px;line-height:60px;margin:430px auto;padding:0px;position: absolute;margin-left:150px;}
#musickrc span {display:block;text-align:center;color:#000078;font-size: 45px;font-weight:bold; font-family:华文隶书;;filter:drop-shadow(#ffffff 1px 0 0)drop-shadow(#ffffff 0 1px 0)drop-shadow(#ffffff -1px 0 0) drop-shadow(#ffffff 0 -1px0);transform: translate(30%，0%); }
#audio{width:100%;
z-index: 1555;
bottom: 0;
opacity: 0.6;
transition: all 2s;
width: 220px;
height: 30px;
box-shadow:0px 0px 0px 2px #000000;
border-radius:25%;position: absolute;top:560px; left:20px;

}
#audio:hover{
opacity: 1;
}
</style>

<style type="text/css">.items{ z-index: 1540;animation: slider 0.26s linear infinite ;}
@keyframes slider {from {opacity: 1;filter:hue-rotate(360deg)contrast(180%)brightness(200%);}
50% {opacity: 1;}to {opacity: 1;filter:hue-rotate(0deg)contrast(140%)brightness(100%);}}
</style>
   <script type="text/javascript">var songkrc = "《情陷》(DJ何鹏版)任妙音\n 词：周兵曲：陈伟\nLRC编辑：醉美水芙蓉\n 是那一双痴情的眼\n 望穿了这个秋天\n 看着那枫叶片片飘落\n 落在了我的身边\n 是那一条离别的街\n 挥挥手不说再见\n 若真情还会留在心间\n 你我怎会辜负流年\n 我的爱情已经沦陷\n 在掌心里盛开出思念\n 所有旧梦织成了新茧\n 美好时光已不复从前\n 我的爱情已经沦陷\n 在心里面让回忆为笺\n 若这一生难与你相见\n 我会永远 永远地怀念\n 是那一条离别的街\n 挥挥手不说再见\n 若真情还会留在心间\n 你我怎会辜负流年\n 我的爱情已经沦陷\n 在掌心里盛开出思念\n 所有旧梦织成了新茧\n 美好时光已不复从前\n 我的爱情已经沦陷\n 在心里面让回忆为笺\n 若这一生难与你相见\n 我会永远 永远地怀念\n 我的爱情已经沦陷\n 在掌心里盛开出思念\n 所有旧梦织成了新茧\n 美好时光已不复从前\n 我的爱情已经沦陷\n 在心里面让回忆为笺\n 若这一生难与你相见\n 我会永远 永远地怀念\n 我会永远 永远地怀念\n";
function parseLyric(text) { var lines = text.split('\n'),pattern = /\[\d{2}:\d{2}.\d{2}\]/g,result = []; while (!pattern.test(lines)) {lines = lines.slice(1); }; lines.length === 0 && lines.pop(); lines.forEach(function(v,i,a) { var time = v.match(pattern), value = v.replace(pattern,''); time.forEach(function(v1,i1,a1){ var t = v1.slice(1, -1).split(':'); result.push(,10) * 60 + parseFloat(t), value]); }); }); result.sort(function(a, b){ return a - b;}); return result;}</script>
<script type="text/javascript">var my_audio = document.getElementById("audio");my_audio.onended = function(){document.getElementById("aplay").className="";};my_audio.onplaying = function(){document.getElementById("aplay").className="z360z";};my_audio.onpause = function(){document.getElementById("aplay").className="";};var lyric = parseLyric(songkrc); my_audio.ontimeupdate = function () { for (var i = 0; i <lyric.length; i++) { if(this.currentTime > lyric){ document.getElementById("musickrc01").innerHTML = lyric; if(i+1==lyric.length){ document.getElementById("musickrc02").innerHTML = ""; }else{ document.getElementById("musickrc02").innerHTML = lyric;};};};}; my_audio.play();</script>

加林森 发表于 2022-5-13 21:54

没有声音呢？

醉美水芙蓉 发表于 2022-5-13 21:56

加林森 发表于 2022-5-13 21:54
没有声音呢？

论坛不支持！论坛太高级了！手机可以看得！兼容模式可以听音乐！看不见歌词同步！

加林森 发表于 2022-5-13 22:09

醉美水芙蓉 发表于 2022-5-13 21:56
论坛不支持！论坛太高级了！手机可以看得！兼容模式可以听音乐！看不见歌词同步！

我现在用手机在看，能看见的，制作真漂亮，为你点赞！

醉美水芙蓉 发表于 2022-5-13 22:10

加林森 发表于 2022-5-13 22:09
我现在用手机在看，能看见的，制作真漂亮，为你点赞！

可惜电脑看不见歌词同步！

加林森 发表于 2022-5-13 22:11

醉美水芙蓉 发表于 2022-5-13 21:56
论坛不支持！论坛太高级了！手机可以看得！兼容模式可以听音乐！看不见歌词同步！

还有你的帖子可以向左移动吧，拉满频才漂亮的。

醉美水芙蓉 发表于 2022-5-13 22:13

加林森 发表于 2022-5-13 22:11
还有你的帖子可以向左移动吧，拉满频才漂亮的。

谢谢队长点评指导！

红影 发表于 2022-5-13 22:49

我也是听不到歌曲呢。制作很漂亮{:4_187:}

马黑黑 发表于 2022-5-13 23:08

醉美水芙蓉 发表于 2022-5-13 21:56
论坛不支持！论坛太高级了！手机可以看得！兼容模式可以听音乐！看不见歌词同步！

论坛程序是基于h5的，不过不是最新版本，即使是最新版本，也能兼容h4的代码。估计是和我们所使用的浏览器有关。

熊二 发表于 2022-5-14 10:47

制作真漂亮   赞！！

{:4_204:}{:4_199:}
页: [1]
查看完整版本: 情陷