《 笑 脸 》 - 梦之旅
本帖最后由 亦是金 于 2025-11-20 13:56 编辑 <br /><br /><meta charset="UTF-8"><div class="t_fsz">
<table cellspacing="0" cellpadding="0"><tr><td class="t_f" id="postmessage_1969237">
<div style="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: -310px;">
<style>
#papa {
margin: ; width: 1200px; height: 700px;top:-80px; LEFT: 0px;background: url('https://upfile.mp3.wf/view.php/6827a53eb5f192b97ec572f4c3356361.gif') no-repeat center/cover; box-shadow: 4px 4px 8px black; overflow: hidden; display: grid; place-items: center; z-index: 1; position: relative; --state: running; }
</style>
<div style="position: relative; width: 500px; height: 50px; top:650px;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:24px;">亦是金在线音乐</span></span></span></p></div>
<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: relative;width: 300px;height: 30px;top: -10px;LEFT: -400px;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:30px;">《 笑 脸 》 </span>
<span style="color:#3d46f7;"><span style="font-size:22px;"> - 梦之旅</span></div>
</style>
<div id="papa">
<audio id="aud" src="https://upfile.mp3.wf/view.php/f200ab52efa4e495bd2826666f0ab98d.mp3" autoplay loop></audio>
</div>
<script>
(function() {
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();
};
let rippleJs = 'https://638183.freep.cn/638183/web/svg/ripple-min.js',
js1 = 'https://638183.freep.cn/638183/web/api/svg_path_lrc.js',
js2 = 'https://638183.freep.cn/638183/web/lizi/h5lz_02.js';
let lrcAr = [
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
];
loadJs(rippleJs, () => rippleEffect(papa));
loadJs(js1, () => {
HCPlayer({
papa: '#papa',
lrcAr: lrcAr,
lrc_css: 'bottom: 20px; --bg: linear-gradient(rgba(255,140,240,.35),rgba(250,90,220,.7)); color: #eee;',
fs_css: 'transform: translate(0,-35px); background: transparent;',
player_css: 'width: 250px; height: 350px;top: 35%; left: 75%; ',
path: 'm118.50001,7.23611c-45.44417,0 -82.2639,32.34392 -82.2639,72.2639s36.81973,72.2639 82.2639,72.2639s82.2639,-32.34392 82.2639,-72.2639s-36.81973,-72.2639 -82.2639,-72.2639zm-45.11246,62.76469c1.09464,-12.26738 10.68104,-20.80501 18.57572,-20.80501s17.48108,8.53763 18.57572,20.80501c0.2322,2.50593 -3.58246,3.4675 -4.94247,1.31124l-3.15124,-4.95357c-2.55416,-3.992 -6.36882,-6.29395 -10.44884,-6.29395s-7.89468,2.30195 -10.44884,6.29395l-3.15124,4.95357c-1.42635,2.15626 -5.24101,1.16555 -5.00881,-1.31124zm83.19268,35.78229c-9.45371,9.96542 -23.31916,15.6766 -38.08022,15.6766s-28.62651,-5.71118 -38.08022,-15.6766c-4.47808,-4.7496 3.6488,-10.69389 8.16005,-5.97343c7.43029,7.8383 18.31035,12.29652 29.92018,12.29652s22.48989,-4.48735 29.92018,-12.29652c4.51125,-4.72046 12.63812,1.25296 8.16005,5.97343zm2.0566,-34.47104l-3.15124,-4.95357c-2.55416,-3.992 -6.36882,-6.29395 -10.44884,-6.29395s-7.89468,2.30195 -10.44884,6.29395l-3.15124,4.95357c-1.36001,2.12712 -5.17466,1.16555 -4.94247,-1.31124c1.09464,-12.26738 10.68104,-20.80501 18.57572,-20.80501s17.48108,8.53763 18.57572,20.80501c0.19903,2.50593 -3.6488,3.4675 -5.00881,1.31124z',
btn: {left: 34, top: 20},
track: {track: '#f4fd05', prog: '#fb0925'},
img: {play: 'https://pic.imgdb.cn/item/65212a5ac458853aef566925.png', pause: 'https://pic.imgdb.cn/item/65212a6bc458853aef566b8e.png'}
});
});
loadJs(js2, () => {
H5lz({
papa: '#papa',
total: 7,
size: {width: 25, height: 25},
shape: {background: 'url("https://www.huachaowang.com/static/image/smiley/hcbiaoqing1/1.gif") no-repeat center/cover', borderRadius: '0'},
ani: 'toBottom',
maxTime: 30,
offset: {x: -50, y: 0},
});
});
})();
</script>
</td></tr></table> 漂亮的笑脸播放器路径，漂亮的背景图和动态效果。欣赏亦是金老师好帖{:4_199:} 这个有内部路径和外部路径，路径点是怎么弄的呢？{:4_203:} 这美女的笑脸和路径笑脸相互映衬，有趣{:4_173:} 这个笑脸好玩{:4_199:} 背景图也是笑容满面的美女，配这个笑脸播放器正好{:4_187:} 播放器按钮刚好是鼻子{:4_205:} 亦是金好制作，太赞了{:4_178:} 红影 发表于 2023-10-23 14:29
漂亮的笑脸播放器路径，漂亮的背景图和动态效果。欣赏亦是金老师好帖
问好红影！{:4_187:} 本帖最后由 亦是金 于 2023-10-23 15:52 编辑
红影 发表于 2023-10-23 14:30
这个有内部路径和外部路径，路径点是怎么弄的呢？
报告领导：这个路径来源于黑黑老师说的张鑫旭大侠的空间！你可以去看看！https://www.zhangxinxu.com/sp/icon/我已经制作了一大把路径，以后慢慢发表！
红影 发表于 2023-10-23 14:31
这美女的笑脸和路径笑脸相互映衬，有趣
谢谢欣赏点赞！{:4_187:} 冬天的雨 发表于 2023-10-23 14:41
这个笑脸好玩
问好冬雨！谢谢欣赏！{:4_176:} 冬天的雨 发表于 2023-10-23 14:41
背景图也是笑容满面的美女，配这个笑脸播放器正好
因为看见笑脸的路径，就套个歌曲，找一张图，拼凑了一个帖子！{:4_205:} 冬天的雨 发表于 2023-10-23 14:42
播放器按钮刚好是鼻子
{:4_189:} 冬天的雨 发表于 2023-10-23 14:43
亦是金好制作，太赞了
谢谢夸奖！我会骄傲的哦！{:4_189:} @红影 @冬雨 我在帖子在添加了水波效果，飘落的小笑脸！会不会画蛇添足！{:4_189:} 太棒了~我都醉了~都醉了！
制作大气¤好棒哦~亦是金辛苦了。
真棒~~╰谢谢亦是金带来的精彩～！
牡丹花★·。水仙花╰☆╮一筐一筐又一筐∴ 紫丁香╰☆╮【*偶然 献花给你啦】
页:
[1]
2