闲暇时间在网上看到了一个带隐藏功能的侧边导航栏,我于是突发奇想,改造一下,变成一个带隐藏功能的播放器菜单。
主要用到了toggleClass()方法,其他的都是一些常见的属性,有些比较麻烦的我会在注释里说明。
html文件代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>音乐播放器</title>
<link rel="stylesheet"type="text/css"href="musicstyle.css"/>
<script src="jquery-3.4.1.js"></script>
</head>
<body>
<div class="lk">
<a class="icon iconfont icon-xunhuan"href="#"></a>
<a class="icon iconfont icon-kuaitui"href="#"></a>
<a class="icon iconfont icon-bofang"href="#"></a>
<a class="icon iconfont icon-zanting1"href="#"></a>
<a class="icon iconfont icon-kuaijin"href=