（html）音乐之原生js简单的歌词滚动hah

最新推荐文章于 2024-06-17 16:00:21 发布

置顶

魔力Tow

最新推荐文章于 2024-06-17 16:00:21 发布

阅读量8.4k

点赞数 39

分类专栏： js 前端 html 文章标签： javascript html

本文链接：https://blog.csdn.net/qq_44210563/article/details/104077613

版权

歌词滚动

话不多说先上效果图和效果链接
效果链接点击查看
链接如果没反应，应该是在缓存音乐，稍等片刻就ok了，当然记得点下播放按钮(°ー°〃)
在这里插入图片描述

前段时间写了个音乐播放器，没想到竟然拿了100个赞，十分开心
然后要人说要写个歌词滚动，正好这天有空，然后一下午才想出来，~~（没少百度和翻mdn~~ ）；很多东西都忘了。
随便发现了自己ajax没学好，所以代码并不整洁
不说废话了，上代码了
先看下html，当然我自己的样式没放这里，这里只放必要的

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>music1.2</title>
	<link rel="stylesheet" href="">
	<style type="text/css" media="screen">
		.play{
   
			background-color: black;
			border-radius: 5%;
			font-size: 20px;
		}
	</style>
</head>
<body>
	<div id="music" style="margin: 0 auto;width: 400px;height: 600px"></div>
	<script src="./index.js"></script>
	<script type="text/javascript">
		let ele =document.getElementById('music');
		musicPlay(ele);
	</scrip>
</body>
</html>

css比较少加没单独写一个文件。大多用js写了。本来想写一个插件。现在可以改到地方还挺多的，有兴趣到小伙伴可以试试改良。也希望改完可以发给我看看，邮箱2827531065@qq.com

然后js有点乱，不过还是能看的

function musicPlay(ele){
   
 let musicArea = document.createElement('div')<

最低0.47元/天解锁文章

魔力Tow

关注

39
点赞
踩
77

收藏

觉得还不错? 一键收藏
7
评论
（html）音乐之原生js简单的歌词滚动hah

歌词滚动话不多说先上效果图和效果链接效果链接点击查看前段时间写了个简单到音乐播放器，没想到竟然拿了100个赞，十分开心然后要人说要写个歌词滚动，正好这天有空，然后一下午才想出来，（没少百度和翻mdn ）；很多东西都忘了。随便发现了自己ajax没学好，所以代码并不整洁不说废话了，上代码了先看下html，当然我自己的样式没放这里，这里只放必要的<!DOCTYPE html&...
复制链接

扫一扫

专栏目录