学习马黑黑老师教程《你笑起来真好看》
<style type="text/css">.mnBox { position: relative; margin: 0 auto; padding: 35px; width: 660px; border: none; border-top: 6px solid #000; border-radius: 10px; background: #b3c3c3; }
.ctBox { margin: 0; padding: 30px; background: #fff; min-height: 300px; border-radius: 10px; }
.ctBox p,img, h2,button { text-align:center; }
#lrcDiv { margin: auto; width: 300px; height: 43px; overflow: hidden; position: relative; padding: 8px; text-align:center; }
</style>
<div class="mnBox">
<div class="ctBox">
<p style="text-align:center;"><img alt="568" height="570" src="https://www.huachaowang.com/data/attachment/forum/202202/26/204953w31u483ptnuh3wwp.jpg" /><br></p>
<h2 style="padding-bottom: 10px;">你笑起来真好看</h2>
<h2 style="text-align:center;">演唱： 李昕融</h2>
<pre>
你笑起来真好看
像春天的花一样
把所有的烦恼所有的忧愁
统统都吹散
你笑起来真好看
像夏天的阳光
整个世界全部的时光
美得像画卷
整个世界全部的时光
美得像画卷
</pre>
<p style="margin: auto; width:120px; text-align:center; font-size:14px; color:#000;"><marqueescrollamount="2" direction="left" >谢谢黑黑和小辣椒大猫咪三位老师</marquee></p>
<style>
/* 父盒子 */
#wyyBox {
margin: 10px auto;
width:300px;
height: 52px;
text-align: center;
}
/* 播放器 */
#wyyBox iframe {
width: 298px;
height: 52px;
border: none;
/*切割 clip-path: circle(16px at 271px); */
}
</style>
<div id="wyyBox"></div>
<script>
var wyyBox = document.getElementById("wyyBox"); //父 div 盒子标识
var frm = document.createElement("iframe"); //创建 iframe 元素
//iframe 加载 src
frm.src = "https://music.163.com/outchain/player?type=2&id=1368934278&auto=1&height=32";
wyyBox.appendChild(frm); //父盒子加载 iframe 元素
</script>
<p style="margin: 20px; text-align:center;">千羽2022 02 26</p>
</div>
</div>
<script language="javascript">
this.play();
}
</script> 本帖最后由 千羽 于 2022-2-26 21:29 编辑
我听不到音乐
标题字也很小
顶上的黑色条也改不了{:4_201:}
小千羽制作真漂亮，色彩用的好， 轻车熟路啊，音乐是听不见，辣椒说该下数字就可以了
{:4_204:} 大猫咪 发表于 2022-2-26 21:21
小千羽制作真漂亮，色彩用的好， 轻车熟路啊，音乐是听不见，辣椒说该下数字就可以了
改了：
https://music.163.com/outchain/player?type=2&id=1368934278 &auto=1&height=32
在编辑器里能听见 千羽 发表于 2022-2-26 21:24
改了：
https://music.163.com/outchain/player?type=2&id=1368934278 &auto=1&height=32
猫也听不见哦 大猫咪 发表于 2022-2-26 21:25
猫也听不见哦
嗯，学不会……{:4_181:} 千羽 发表于 2022-2-26 21:28
嗯，学不会……
换这个看看 1368934278 千羽 发表于 2022-2-26 20:56
我听不到音乐
标题字也很小
千羽，你没有全部复制进去？ 本帖最后由 加林森 于 2022-2-26 21:42 编辑
千羽，你的播放器不在了呢？
你应该取这个地址
//music.163.com/outchain/player?type=2&id=1368934278&auto=1&height=32"
千羽 发表于 2022-2-26 21:28
嗯，学不会……
好了，千羽的数字替换进去不要加其他的 正确的链接
frm.src = "https://music.163.com/outchain/player?type=2&id=1368934278&auto=1&height=32";
小辣椒 发表于 2022-2-26 21:35
千羽，你没有全部复制进去？
太粗心了，我去看看{:4_173:} 千羽的链接
https://music.163.com/outchain/player?type=2&id=1368934278 &auto=1&height=32";
千羽 发表于 2022-2-26 21:39
太粗心了，我去看看
现在好了，你就看看链接错误在哪里，我发出来了 千羽加油，明天继续做一个，多练几次就很熟了{:4_179:} 俺能听到的啊 现在听见了，辣椒晚上好 {:4_187:}{:4_190:} 小辣椒 发表于 2022-2-26 21:35
千羽，你没有全部复制进去？
谢谢小辣椒{:5_111:}，真不好意思， 现在有了，好听！{:4_187:} 千羽 发表于 2022-2-26 21:39
太粗心了，我去看看
代码复制全的，你可以在记事本里面换好，在电脑预览一下看看效果