layui调用搜狗音乐api实现歌曲搜索及播放功能代码-html代码-BFW代码库

layui调用搜狗音乐api实现歌曲搜索及播放功能代码

代码语言：html

所属分类：其他

代码描述：layui调用搜狗音乐api实现歌曲搜索及播放功能代码

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<html lang="zh-cn">

<head>
    <meta charset="utf-8">
    <title>获取酷狗音乐资源</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

    <link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/js/layui/css/layui.css">
    <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/jquery-3.2.1.min.js"></script>
    <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/layui/layui.all.js"></script>

</head>

<body>
    <style>
        .nav{width:100%;height:60px;background-color:#23262e}
        .menu-list{overflow:hidden;margin:0 auto;padding:0!important;width:80%;height:60px}
        .menu-list li{float:left;width:100%;line-height:60px}
        .layui-nav-li{background-color:#23262e}
        .main-nav-a{float:left;background-image:linear-gradient(250deg,#fff,#009688);color:transparent;text-align:center;font-size:30px;-webkit-background-clip:text}
        .main-n-div{display:-webkit-box;margin-top:10px}
        .apps{margin:auto;width:80%}
        .layui-table td em{color:#f69;font-style:normal}
        .load{position:fixed;top:0;z-index:10000;display:none;width:100%;height:100vh;background-color:rgba(0,0,0,.1)}
        .loader{position:absolute;top:calc(50% - 70px);left:calc(50% - 70px);padding-top:15px;width:140px;height:140px;border-radius:5px;background-color:rgba(0,0,0,.8);text-align:center}
        #loader-1{width:60px;height:60px}
        .load-msg{height:50px;color:#fff;font-size:13px;line-height:50px}
        svg path,svg rect{fill:#fff}
    </style>
    <div class="nav">
        <ul class=" menu-list">
            <li class="layui-nav-li">
                <h1 class="main-nav-a">获取酷狗音乐资源</h1>
                <div class="main-n-div">
                    <div style="width:70%;margin-left: 40px;">
                        <input class="layui-input" id="name" type="text" placeholder="请输入歌曲名、歌手搜索">
                    </div>
                    <button type="button" class=&.........完整代码请登录后点击上方下载按钮下载查看