《 画 你 》 - 科尔沁夫&哈妮（试帖黑黑老师图片配色同步歌词代码5）
<div class="t_fsz"><table cellspacing="0" cellpadding="0"><tr><td class="t_f" id="postmessage_1846164">
<div class="cont-area">
<div style="position: absolute; width: 1200px;height: 700px;box-shadow:0px 0px 1px 2px #045768, 0px 0px 0px 8px #99e5f5,0px 0px 5px 15px #045768;overflow:hidden;border-radius:1%;margin-top:100px;margin-LEFT: -110px;">
<marquee STYLE="WiDTH: 1200px; HeiGHT: 700px" HEIGHT="700px" BEHAVIOR="alternate" WIDTH="1200" SCROLLAMOUNT="6"><imgsrc ="https://s1.ax1x.com/2023/02/26/pppRyH1.jpg" WIDTH="2520" HEIGHT="700"></MARQUEE>
<img src="https://z4a.net/images/2023/11/19/zy08.gif" alt="" style="position: absolute; width: 1800px;height: 380px; top: 0px; left: 0px; mix-blend-mode: multiply;" />
<img src="https://ysj147.s3-us-east-1.ossfiles.com/zzsc/yh/2/yh2007.gif" alt="" style="position: absolute; width: 1200px;height: 700px; top: -100px; left: 0px; mix-blend-mode: screen;" />
<img src="https://z3.ax1x.com/2021/08/26/hujGMd.gif" alt="" style="position: absolute; width: 100px;height: 50px; transform: translate(-1000px, 500px); mix-blend-mode: multiply;" />
<style>
#papa {
}
#sky { position: absolute; width: 1200px; height: 700px; top: -100px; left: 100px; }
</style>
<div id="papa">
<div id="sky"></div>
<audio id="aud" src="https://www.qqmc.com/mp3/music223462775.mp3" autoplay loop></audio>
</div>
<div style="position: relative; top: -710px; LEFT: 0px;z-index: 12435;">
<style type="text/css">
@keyframes mv { from { background-position: 1200px 0; } to { background-position: 0 0; } }
body { overflow-x: hidden; }
#baiBox {
margin: auto;
width: 800px;
text-align: center;
font-family:微软简中圆;
font-size: 2.5rem;
font-weight: bold;
color: #f46ff6;
transform-origin: top;
animation: yao 1.0s linear infinite alternate;
}
@keyframes yao {
from{transform: perspective(800px) rotatex(30deg); }
to { transform: perspective(800px) rotatex(-30deg); }
}
.tit { position: absolute;width: 500px;height: 50px;top:20px;LEFT: -200px;z-index: 100;filter: drop-shadow(-1px 1px 1px #ffffff)drop-shadow(0px -1px 1px #ffffff)drop-shadow(0px 0px 1px #ffffff)drop-shadow(0px 0px 1px #ffffff)drop-shadow(0px 0px 1px #ffffff) }
#tit:hover { color: green; }
/*标题位置 移动范围设置*/
</style>
<div id="hu" >
<div id="baiBox"
<div class="tit">
<span style="color:#fb52f9;"><span style="font-size:32px;">《 画 你 》 </span>
<span style="color:#3d46f7;"><span style="font-size:24px;"> -- 科尔沁夫/哈妮</span></div>
<div style="position: absolute;width: 500px;height: 50px;top:670px;LEFT: 1000px;z-index: 100;filter: drop-shadow(-1px 1px 1px #e8f552)drop-shadow(0px -1px 1px #e8f552)drop-shadow(0px 0px 1px #e8f552)drop-shadow(0px 0px 1px #e8f552)drop-shadow(0px 0px 1px #e8f552)">
<p><span style="color:#ff0000;"><span style="font-family:华文隶书;"><span style="font-size:22px;">亦是金在线音乐</span></span></span></p></div>
</script>
<script>
(function() {
let lrcAr = [
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
];
let js1 = 'https://ysj147.s3-us-east-1.ossfiles.com/zzsc/js/svg_path_lrc_z_ysj4.js',
js2 = 'https://638183.freep.cn/638183/web/lizi/h5lz_02.js';
let loadJs = (url,callback) => {
let body = document.querySelector('body'), jsNode = document.createElement('script');
jsNode.charset = 'utf-8';
jsNode.setAttribute('src', url);
body.appendChild(jsNode);
jsNode.onload = () => callback();
};
loadJs(js1, () => {
HCPlayer({
papa: '#papa',
lrcAr: lrcAr,
lrc_css: (`top:15%;; right: 90%;; color: rgba(255,255,255,.9); --bg: url('https://z4a.net/images/2024/01/15/20240115a.jpg'); font-size: 2.4em;`),
fs_css: 'top: 85%; left: -10%; transform: translate(0,-35px); background: transparent; --color: rgba(63,168,211,.95);',
player_css: 'width: 225px; height: 250px; top: 65%; left: 80%; background: url("") no-repeat center/cover;',
path: 'm175.60217,64.66924c-1.9177,-0.62411 -3.83541,-1.21355 -5.75312,-1.76832c0.31962,-1.2829 0.60373,-2.5658 0.88783,-3.8487c4.36811,-20.66508 1.49155,-37.27342 -8.20351,-42.75175c-9.33993,-5.23561 -24.57503,0.20804 -39.9877,13.31441c-1.52706,1.2829 -3.01861,2.63515 -4.43913,3.98739c-0.95885,-0.9015 -1.95322,-1.80299 -2.94758,-2.66982c-16.15844,-14.00787 -32.3524,-19.90228 -42.04746,-14.38928c-9.30442,5.27029 -12.07444,20.90779 -8.16801,40.46334c0.39064,1.94169 0.8168,3.8487 1.31399,5.79039c-2.27284,0.62411 -4.51016,1.31757 -6.60543,2.04571c-18.96397,6.4145 -32.56547,16.539 -32.56547,27.01023c0,10.81796 14.48932,21.6706 34.19907,28.25845c1.59809,0.5201 3.19617,1.04019 4.82977,1.49093c-0.53269,2.08037 -0.99437,4.12608 -1.42052,6.24113c-3.72887,19.24349 -0.8168,34.49959 8.48762,39.73521c9.58852,5.40898 25.71145,-0.1387 41.40822,-13.55713c1.24296,-1.07486 2.48591,-2.18439 3.72887,-3.36328c1.56258,1.49093 3.19617,2.91253 4.82977,4.29944c15.19958,12.75965 30.22161,17.92592 39.49052,12.6903c9.58852,-5.40898 12.71367,-21.80929 8.66519,-41.78091c-0.31962,-1.52561 -0.67475,-3.08589 -1.06539,-4.68085c1.13642,-0.31206 2.23732,-0.65879 3.33823,-1.00552c20.49103,-6.62253 35.33549,-17.33648 35.33549,-28.32781c0,-10.5059 -13.99214,-20.69975 -33.31125,-27.1836l-0.00001,0.00002zm-57.49999,48.38628c12.92607,0 23.39976,-10.69146 23.39976,-23.88629s-10.4737,-23.88629 -23.39976,-23.88629c-12.92607,0 -23.39976,10.69146 -23.39976,23.88629s10.4737,23.88629 23.39976,23.88629z',
btn: {left: 52, top: 74},
track: {track: '#faa336', prog: '#fb2b70'},
img: {play: 'https://ysj147.s3-us-east-1.ossfiles.com/zzsc/png/play.png', pause: 'https://ysj147.s3-us-east-1.ossfiles.com/zzsc/png/pause.png'}
});
});
loadJs(js2, () => {
H5lz({
papa: '#sky',
total: 7,
size: {width: 15, height: 40},
shape: {background: 'url("https://z4a.net/images/2024/01/18/5488.png") no-repeat center/cover', borderRadius: '0'},
ani: 'toBottom',
maxTime: 20,
offset: {x: 0, y: 0},
});
});
})();
</script>
</TD></TR></TBODY></TABLE>
<DIV style="HEIGHT: 1000px"
问好亦是金老师，路径播放器加图片合成歌词颜色{:5_150:} {:5_150:}{:5_150:}{:5_150:} liumang 发表于 2024-1-19 11:24
问好亦是金老师，路径播放器加图片合成歌词颜色
问好liumang管理！{:5_116:} liumang 发表于 2024-1-19 11:25
{:5_124:}{:5_124:}{:5_124:} 试贴。。。。。？
不是正式贴吗？
页:
[1]