文本歌词播放器测试
本帖最后由 亚伦影音工作室 于 2025-2-1 12:37 编辑 <br /><br /><style>#papa{left: -38%; top: 30%; width:1286px;position: relative; height:750px; border-radius:0px; border:0px solid #333;overflow: hidden; align-items: center; background:#880;}
.lefto {
position: absolute;
width: 45%;
margin: 80px;
}
.tp {background:url('https://pic1.imgdb.cn/item/67715fc5d0e0a243d4ec3384.png') no-repeat center/550px 320px;
text-align: center; width: 550px; height: 320px;
}
.wz{
margin-top: 10px;
height: 160px;
line-height: 20px;
text-align: center;
color: #fff;
font:normal 2em/2em 华文行楷;
}
.gc{position: absolute;
top: 80px;
left: 60%;
text-align: center;
list-style-type: none;
height: 500px;
line-height: 40px;
}
input {
outline: none;
text-align: center;
font:normal 1em 华文行楷;
background: #0000;
color: #fff;
border: 0;
/* 取消难看的边框 */
border-radius: 5px;
cursor: pointer;
}
#btn{background: #990;
}
</style>
<div id="papa">
<div class="lefto">
<div class="tp">
</div>
<div class="wz">
亚伦影音工作室<br>
精品音画<br>
亚伦作品
<br>
<br>
<input id="btn" value="暂 停"readonly="readonly"></inputo>
</div>
</div>
<div class="gc">
<marquee id="marquee"scrollAmount=1 width=400 height=550 direction=up> <font face="heiti" size="5" color="#222"><p style="text-align: center;">陪你渡红尘 - 陈玉建<br>
词：陈玉建<br>
曲：陈玉建<br>
唱：陈玉建<br>
夕阳落下又一个黄昏<br>
景色怡然遗憾我一人<br>
谁能给我一点点温存<br>
暖暖这冰冷爱的心门<br>
茫茫红尘遇到爱的人<br>
从此以后不再是单身<br>
我们的爱唤醒了红尘<br>
红尘路上情越来越真<br>
我愿陪你一起渡红尘<br>
风风雨雨我们不离分<br>
忘掉那些曾经的伤痕<br>
珍惜这来之不易的缘分<br>
我愿陪你一起渡红尘<br>
朝朝暮暮我们不离分<br>
不再让你孤单看星辰<br>
我和你是最幸福的人<br>
茫茫红尘遇到爱的人<br>
从此以后不再是单身<br>
我们的爱唤醒了红尘<br>
红尘路上情越来越真<br>
我愿陪你一起渡红尘<br>
风风雨雨我们不离分<br>
忘掉那些曾经的伤痕<br>
珍惜这来之不易的缘分<br>
我愿陪你一起渡红尘<br>
朝朝暮暮我们不离分<br>
不再让你孤单看星辰<br>
我和你是最幸福的人<br>
我愿陪你一起渡红尘<br>
风风雨雨我们不离分<br>
忘掉那些曾经的伤痕<br>
珍惜这来之不易的缘分<br>
我愿陪你一起渡红尘<br>
朝朝暮暮我们不离分<br>
不再让你孤单看星辰<br>
我和你是最幸福的人<br>
我和你是最幸福的人<br></p></font></marquee>
</div>
</div>
<audio id="aud" src="http://img1.oldkids.cn/upload/2024/07/01/blog_260848378_20240701172701490.mp3" autoplay></audio>
<script>
var music = document.getElementById('aud');
var marquee= document.getElementById('marquee');
var btn = document.getElementById('btn');
btn.onclick = function() {
if (aud.paused) {
aud.play();
marquee.start();
btn.value = "暂 停";
btn.style.background = '#990';
} else {
marquee.stop();
aud.pause();
btn.value = "播 放";
btn.style.background = '#770';
}
};
</script>
亚纶这个帖这么主页上面出来了一点？ 主页下面也是有个小框 加分框也是出来白板加不了分 这个制作很漂亮，但是代码可能有问题，和论坛语句冲突了吧。
页:
[1]